diff --git a/404.html b/404.html
index a7ffda5030..c028db168a 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="./images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="./css/fontawesome-all.min.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1691874879" rel="stylesheet"></noscript>
-    <link href="./css/nucleus.css?1691874879" rel="stylesheet">
-    <link href="./css/auto-complete.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1691874879" rel="stylesheet"></noscript>
-    <link href="./css/perfect-scrollbar.min.css?1691874879" rel="stylesheet">
-    <link href="./css/fonts.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1691874879" rel="stylesheet"></noscript>
-    <link href="./css/theme.css?1691874879" rel="stylesheet">
-    <link href="./css/theme-auto.css?1691874879" rel="stylesheet" id="variant-style">
-    <link href="./css/variant.css?1691874879" rel="stylesheet">
-    <link href="./css/print.css?1691874879" rel="stylesheet" media="print">
-    <link href="./css/ie.css?1691874879" rel="stylesheet">
-    <script src="./js/url.js?1691874879"></script>
-    <script src="./js/variant.js?1691874879"></script>
+    <link href="./css/fontawesome-all.min.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1691877023" rel="stylesheet"></noscript>
+    <link href="./css/nucleus.css?1691877023" rel="stylesheet">
+    <link href="./css/auto-complete.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1691877023" rel="stylesheet"></noscript>
+    <link href="./css/perfect-scrollbar.min.css?1691877023" rel="stylesheet">
+    <link href="./css/fonts.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1691877023" rel="stylesheet"></noscript>
+    <link href="./css/theme.css?1691877023" rel="stylesheet">
+    <link href="./css/theme-auto.css?1691877023" rel="stylesheet" id="variant-style">
+    <link href="./css/variant.css?1691877023" rel="stylesheet">
+    <link href="./css/print.css?1691877023" rel="stylesheet" media="print">
+    <link href="./css/ie.css?1691877023" rel="stylesheet">
+    <script src="./js/url.js?1691877023"></script>
+    <script src="./js/variant.js?1691877023"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
diff --git a/basics/changelog/index.html b/basics/changelog/index.html
index 12fff99a52..caabba7cf4 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691874879" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691874879" rel="stylesheet">
-    <link href="../../css/fonts.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691874879" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691874879" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691874879" rel="stylesheet">
-    <link href="../../css/print.css?1691874879" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1691874879" rel="stylesheet">
-    <script src="../../js/url.js?1691874879"></script>
-    <script src="../../js/variant.js?1691874879"></script>
+    <link href="../../css/fontawesome-all.min.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691877023" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691877023" rel="stylesheet">
+    <link href="../../css/fonts.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691877023" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691877023" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691877023" rel="stylesheet">
+    <link href="../../css/print.css?1691877023" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1691877023" rel="stylesheet">
+    <script src="../../js/url.js?1691877023"></script>
+    <script src="../../js/variant.js?1691877023"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -2008,12 +2008,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1691874879" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1691874879" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691874879" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1691874879" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1691874879" defer></script>
-        <script src="../../js/search.js?1691874879" defer></script>
+        <script src="../../js/auto-complete.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1691877023" defer></script>
+        <script src="../../js/search.js?1691877023" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -2143,8 +2143,7 @@
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -2152,25 +2151,37 @@
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../js/github-buttons.js?1691874879"></script>
+          <script async src="../../js/github-buttons.js?1691877023"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1691874879" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691874879" defer></script>
-    <script src="../../js/theme.js?1691874879" defer></script>
+    <script src="../../js/clipboard.min.js?1691877023" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691877023" defer></script>
+    <script src="../../js/theme.js?1691877023" defer></script>
   </body>
 </html>
diff --git a/basics/changelog/index.print.html b/basics/changelog/index.print.html
index 6d7f748f03..52516a8af6 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1691874880" rel="stylesheet">
-    <link href="../../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../../js/url.js?1691874880"></script>
-    <script src="../../js/variant.js?1691874880"></script>
+    <link href="../../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1691877024" rel="stylesheet">
+    <link href="../../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../../js/url.js?1691877024"></script>
+    <script src="../../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -1254,8 +1254,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1691874880" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691874880" defer></script>
-    <script src="../../js/theme.js?1691874880" defer></script>
+    <script src="../../js/clipboard.min.js?1691877024" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691877024" defer></script>
+    <script src="../../js/theme.js?1691877024" defer></script>
   </body>
 </html>
diff --git a/basics/configuration/index.html b/basics/configuration/index.html
index caa0855eb8..2beed145bd 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691874879" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691874879" rel="stylesheet">
-    <link href="../../css/fonts.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691874879" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691874879" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691874879" rel="stylesheet">
-    <link href="../../css/print.css?1691874879" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1691874879" rel="stylesheet">
-    <script src="../../js/url.js?1691874879"></script>
-    <script src="../../js/variant.js?1691874879"></script>
+    <link href="../../css/fontawesome-all.min.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691877023" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691877023" rel="stylesheet">
+    <link href="../../css/fonts.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691877023" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691877023" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691877023" rel="stylesheet">
+    <link href="../../css/print.css?1691877023" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1691877023" rel="stylesheet">
+    <script src="../../js/url.js?1691877023"></script>
+    <script src="../../js/variant.js?1691877023"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -232,10 +232,10 @@
 </span></span><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-8a5f5fcd2c3a13c555bc548a49bf8a50" class="lightbox-link">
+<a href="#image-a311b12b153535d9c89aba3fa66ac4ef" 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-8a5f5fcd2c3a13c555bc548a49bf8a50">
+<a href="javascript:history.back();" class="lightbox" id="image-a311b12b153535d9c89aba3fa66ac4ef">
 <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-fd9ab0563c52e00e918b4849689b90d2" class="lightbox-link">
+<a href="#image-069a4a8a857e21ade9aa10fb444d5c72" 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-fd9ab0563c52e00e918b4849689b90d2">
+<a href="javascript:history.back();" class="lightbox" id="image-069a4a8a857e21ade9aa10fb444d5c72">
 <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?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1691874880" defer></script>
-        <script src="../../js/search.js?1691874880" defer></script>
+        <script src="../../js/auto-complete.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1691877023" defer></script>
+        <script src="../../js/search.js?1691877023" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -511,8 +511,7 @@ default values:</p>
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -520,25 +519,37 @@ default values:</p>
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../js/github-buttons.js?1691874880"></script>
+          <script async src="../../js/github-buttons.js?1691877023"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1691874880" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691874880" defer></script>
-    <script src="../../js/theme.js?1691874880" defer></script>
+    <script src="../../js/clipboard.min.js?1691877023" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691877023" defer></script>
+    <script src="../../js/theme.js?1691877023" defer></script>
   </body>
 </html>
diff --git a/basics/configuration/index.print.html b/basics/configuration/index.print.html
index 3a5257a77c..c19c972fe6 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1691874880" rel="stylesheet">
-    <link href="../../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../../js/url.js?1691874880"></script>
-    <script src="../../js/variant.js?1691874880"></script>
+    <link href="../../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1691877024" rel="stylesheet">
+    <link href="../../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../../js/url.js?1691877024"></script>
+    <script src="../../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -188,10 +188,10 @@
 </span></span><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-8a5f5fcd2c3a13c555bc548a49bf8a50" class="lightbox-link">
+<a href="#image-a311b12b153535d9c89aba3fa66ac4ef" 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-8a5f5fcd2c3a13c555bc548a49bf8a50">
+<a href="javascript:history.back();" class="lightbox" id="image-a311b12b153535d9c89aba3fa66ac4ef">
 <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-fd9ab0563c52e00e918b4849689b90d2" class="lightbox-link">
+<a href="#image-069a4a8a857e21ade9aa10fb444d5c72" 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-fd9ab0563c52e00e918b4849689b90d2">
+<a href="javascript:history.back();" class="lightbox" id="image-069a4a8a857e21ade9aa10fb444d5c72">
 <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?1691874880" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691874880" defer></script>
-    <script src="../../js/theme.js?1691874880" defer></script>
+    <script src="../../js/clipboard.min.js?1691877024" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691877024" defer></script>
+    <script src="../../js/theme.js?1691877024" defer></script>
   </body>
 </html>
diff --git a/basics/customization/index.html b/basics/customization/index.html
index f5ef79951d..441b23c318 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691874879" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691874879" rel="stylesheet">
-    <link href="../../css/fonts.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691874879" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691874879" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691874879" rel="stylesheet">
-    <link href="../../css/print.css?1691874879" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1691874879" rel="stylesheet">
-    <script src="../../js/url.js?1691874879"></script>
-    <script src="../../js/variant.js?1691874879"></script>
+    <link href="../../css/fontawesome-all.min.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691877023" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691877023" rel="stylesheet">
+    <link href="../../css/fonts.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691877023" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691877023" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691877023" rel="stylesheet">
+    <link href="../../css/print.css?1691877023" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1691877023" rel="stylesheet">
+    <script src="../../js/url.js?1691877023"></script>
+    <script src="../../js/variant.js?1691877023"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -293,12 +293,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?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1691874880" defer></script>
-        <script src="../../js/search.js?1691874880" defer></script>
+        <script src="../../js/auto-complete.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1691877023" defer></script>
+        <script src="../../js/search.js?1691877023" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -428,8 +428,7 @@ If you have requirements to support IE and/or older browser versions, use one of
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -437,25 +436,37 @@ If you have requirements to support IE and/or older browser versions, use one of
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../js/github-buttons.js?1691874880"></script>
+          <script async src="../../js/github-buttons.js?1691877023"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1691874880" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691874880" defer></script>
-    <script src="../../js/theme.js?1691874880" defer></script>
+    <script src="../../js/clipboard.min.js?1691877023" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691877023" defer></script>
+    <script src="../../js/theme.js?1691877023" defer></script>
   </body>
 </html>
diff --git a/basics/customization/index.print.html b/basics/customization/index.print.html
index a5ceb0dc31..d8035a3135 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1691874880" rel="stylesheet">
-    <link href="../../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../../js/url.js?1691874880"></script>
-    <script src="../../js/variant.js?1691874880"></script>
+    <link href="../../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1691877024" rel="stylesheet">
+    <link href="../../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../../js/url.js?1691877024"></script>
+    <script src="../../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -180,8 +180,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?1691874880" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691874880" defer></script>
-    <script src="../../js/theme.js?1691874880" defer></script>
+    <script src="../../js/clipboard.min.js?1691877024" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691877024" defer></script>
+    <script src="../../js/theme.js?1691877024" defer></script>
   </body>
 </html>
diff --git a/basics/generator/index.html b/basics/generator/index.html
index 32dc7b5f25..5e9550fdf1 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691874879" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691874879" rel="stylesheet">
-    <link href="../../css/fonts.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691874879" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691874879" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691874879" rel="stylesheet">
-    <link href="../../css/print.css?1691874879" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1691874879" rel="stylesheet">
-    <script src="../../js/url.js?1691874879"></script>
-    <script src="../../js/variant.js?1691874879"></script>
+    <link href="../../css/fontawesome-all.min.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691877023" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691877023" rel="stylesheet">
+    <link href="../../css/fonts.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691877023" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691877023" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691877023" rel="stylesheet">
+    <link href="../../css/print.css?1691877023" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1691877023" rel="stylesheet">
+    <script src="../../js/url.js?1691877023"></script>
+    <script src="../../js/variant.js?1691877023"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -94,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-5125a5b9bc184b39ceb0d81a029a2411" aria-controls="expandcontent-5125a5b9bc184b39ceb0d81a029a2411" >
-    <label class="expand-label" for="expand-5125a5b9bc184b39ceb0d81a029a2411" >
+    <input type="checkbox" id="expand-7facea7ba616f530983def7c3f46f494" aria-controls="expandcontent-7facea7ba616f530983def7c3f46f494" >
+    <label class="expand-label" for="expand-7facea7ba616f530983def7c3f46f494" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show usage instructions
     </label>
-    <div id="expandcontent-5125a5b9bc184b39ceb0d81a029a2411" class="expand-content">
+    <div id="expandcontent-7facea7ba616f530983def7c3f46f494" 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?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1691874880" defer></script>
-        <script src="../../js/search.js?1691874880" defer></script>
+        <script src="../../js/auto-complete.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1691877023" defer></script>
+        <script src="../../js/search.js?1691877023" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -366,8 +366,7 @@ window.variants && variants.generator( '#vargenerator' );
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -375,39 +374,51 @@ window.variants && variants.generator( '#vargenerator' );
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../js/github-buttons.js?1691874880"></script>
+          <script async src="../../js/github-buttons.js?1691877023"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1691874880" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691874880" defer></script>
-    <script src="../../js/d3/d3-color.min.js?1691874880" defer></script>
-    <script src="../../js/d3/d3-dispatch.min.js?1691874880" defer></script>
-    <script src="../../js/d3/d3-drag.min.js?1691874880" defer></script>
-    <script src="../../js/d3/d3-ease.min.js?1691874880" defer></script>
-    <script src="../../js/d3/d3-interpolate.min.js?1691874880" defer></script>
-    <script src="../../js/d3/d3-selection.min.js?1691874880" defer></script>
-    <script src="../../js/d3/d3-timer.min.js?1691874880" defer></script>
-    <script src="../../js/d3/d3-transition.min.js?1691874880" defer></script>
-    <script src="../../js/d3/d3-zoom.min.js?1691874880" defer></script>
-    <script src="../../js/js-yaml.min.js?1691874880" defer></script>
-    <script src="../../js/mermaid.min.js?1691874880" defer></script>
+    <script src="../../js/clipboard.min.js?1691877023" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691877023" defer></script>
+    <script src="../../js/d3/d3-color.min.js?1691877023" defer></script>
+    <script src="../../js/d3/d3-dispatch.min.js?1691877023" defer></script>
+    <script src="../../js/d3/d3-drag.min.js?1691877023" defer></script>
+    <script src="../../js/d3/d3-ease.min.js?1691877023" defer></script>
+    <script src="../../js/d3/d3-interpolate.min.js?1691877023" defer></script>
+    <script src="../../js/d3/d3-selection.min.js?1691877023" defer></script>
+    <script src="../../js/d3/d3-timer.min.js?1691877023" defer></script>
+    <script src="../../js/d3/d3-transition.min.js?1691877023" defer></script>
+    <script src="../../js/d3/d3-zoom.min.js?1691877023" defer></script>
+    <script src="../../js/js-yaml.min.js?1691877023" defer></script>
+    <script src="../../js/mermaid.min.js?1691877023" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../../js/theme.js?1691874880" defer></script>
+    <script src="../../js/theme.js?1691877023" defer></script>
   </body>
 </html>
diff --git a/basics/generator/index.print.html b/basics/generator/index.print.html
index 3d13e32044..d912b7b88e 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1691874880" rel="stylesheet">
-    <link href="../../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../../js/url.js?1691874880"></script>
-    <script src="../../js/variant.js?1691874880"></script>
+    <link href="../../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1691877024" rel="stylesheet">
+    <link href="../../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../../js/url.js?1691877024"></script>
+    <script src="../../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -79,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-5125a5b9bc184b39ceb0d81a029a2411" aria-controls="expandcontent-5125a5b9bc184b39ceb0d81a029a2411" >
-    <label class="expand-label" for="expand-5125a5b9bc184b39ceb0d81a029a2411" >
+    <input type="checkbox" id="expand-7facea7ba616f530983def7c3f46f494" aria-controls="expandcontent-7facea7ba616f530983def7c3f46f494" >
+    <label class="expand-label" for="expand-7facea7ba616f530983def7c3f46f494" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show usage instructions
     </label>
-    <div id="expandcontent-5125a5b9bc184b39ceb0d81a029a2411" class="expand-content">
+    <div id="expandcontent-7facea7ba616f530983def7c3f46f494" 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?1691874880" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691874880" defer></script>
-    <script src="../../js/d3/d3-color.min.js?1691874880" defer></script>
-    <script src="../../js/d3/d3-dispatch.min.js?1691874880" defer></script>
-    <script src="../../js/d3/d3-drag.min.js?1691874880" defer></script>
-    <script src="../../js/d3/d3-ease.min.js?1691874880" defer></script>
-    <script src="../../js/d3/d3-interpolate.min.js?1691874880" defer></script>
-    <script src="../../js/d3/d3-selection.min.js?1691874880" defer></script>
-    <script src="../../js/d3/d3-timer.min.js?1691874880" defer></script>
-    <script src="../../js/d3/d3-transition.min.js?1691874880" defer></script>
-    <script src="../../js/d3/d3-zoom.min.js?1691874880" defer></script>
-    <script src="../../js/js-yaml.min.js?1691874880" defer></script>
-    <script src="../../js/mermaid.min.js?1691874880" defer></script>
+    <script src="../../js/clipboard.min.js?1691877024" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691877024" defer></script>
+    <script src="../../js/d3/d3-color.min.js?1691877024" defer></script>
+    <script src="../../js/d3/d3-dispatch.min.js?1691877024" defer></script>
+    <script src="../../js/d3/d3-drag.min.js?1691877024" defer></script>
+    <script src="../../js/d3/d3-ease.min.js?1691877024" defer></script>
+    <script src="../../js/d3/d3-interpolate.min.js?1691877024" defer></script>
+    <script src="../../js/d3/d3-selection.min.js?1691877024" defer></script>
+    <script src="../../js/d3/d3-timer.min.js?1691877024" defer></script>
+    <script src="../../js/d3/d3-transition.min.js?1691877024" defer></script>
+    <script src="../../js/d3/d3-zoom.min.js?1691877024" defer></script>
+    <script src="../../js/js-yaml.min.js?1691877024" defer></script>
+    <script src="../../js/mermaid.min.js?1691877024" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../../js/theme.js?1691874880" defer></script>
+    <script src="../../js/theme.js?1691877024" defer></script>
   </body>
 </html>
diff --git a/basics/history/index.html b/basics/history/index.html
index 286e640893..eb90d6d425 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691874879" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691874879" rel="stylesheet">
-    <link href="../../css/fonts.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691874879" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691874879" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691874879" rel="stylesheet">
-    <link href="../../css/print.css?1691874879" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1691874879" rel="stylesheet">
-    <script src="../../js/url.js?1691874879"></script>
-    <script src="../../js/variant.js?1691874879"></script>
+    <link href="../../css/fontawesome-all.min.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691877023" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691877023" rel="stylesheet">
+    <link href="../../css/fonts.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691877023" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691877023" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691877023" rel="stylesheet">
+    <link href="../../css/print.css?1691877023" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1691877023" rel="stylesheet">
+    <script src="../../js/url.js?1691877023"></script>
+    <script src="../../js/variant.js?1691877023"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -2014,12 +2014,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1691874880" defer></script>
-        <script src="../../js/search.js?1691874880" defer></script>
+        <script src="../../js/auto-complete.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1691877023" defer></script>
+        <script src="../../js/search.js?1691877023" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -2149,8 +2149,7 @@
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -2158,25 +2157,37 @@
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../js/github-buttons.js?1691874880"></script>
+          <script async src="../../js/github-buttons.js?1691877023"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1691874880" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691874880" defer></script>
-    <script src="../../js/theme.js?1691874880" defer></script>
+    <script src="../../js/clipboard.min.js?1691877023" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691877023" defer></script>
+    <script src="../../js/theme.js?1691877023" defer></script>
   </body>
 </html>
diff --git a/basics/history/index.print.html b/basics/history/index.print.html
index 413945970a..49159ac20b 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1691874880" rel="stylesheet">
-    <link href="../../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../../js/url.js?1691874880"></script>
-    <script src="../../js/variant.js?1691874880"></script>
+    <link href="../../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1691877024" rel="stylesheet">
+    <link href="../../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../../js/url.js?1691877024"></script>
+    <script src="../../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -1260,8 +1260,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1691874880" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691874880" defer></script>
-    <script src="../../js/theme.js?1691874880" defer></script>
+    <script src="../../js/clipboard.min.js?1691877024" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691877024" defer></script>
+    <script src="../../js/theme.js?1691877024" defer></script>
   </body>
 </html>
diff --git a/basics/index.html b/basics/index.html
index 4f713f026b..661b8909d5 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1691874879" rel="stylesheet">
-    <link href="../css/auto-complete.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1691874879" rel="stylesheet">
-    <link href="../css/fonts.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1691874879" rel="stylesheet">
-    <link href="../css/theme-auto.css?1691874879" rel="stylesheet" id="variant-style">
-    <link href="../css/variant.css?1691874879" rel="stylesheet">
-    <link href="../css/print.css?1691874879" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1691874879" rel="stylesheet">
-    <script src="../js/url.js?1691874879"></script>
-    <script src="../js/variant.js?1691874879"></script>
+    <link href="../css/fontawesome-all.min.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1691877023" rel="stylesheet">
+    <link href="../css/auto-complete.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1691877023" rel="stylesheet">
+    <link href="../css/fonts.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1691877023" rel="stylesheet">
+    <link href="../css/theme-auto.css?1691877023" rel="stylesheet" id="variant-style">
+    <link href="../css/variant.css?1691877023" rel="stylesheet">
+    <link href="../css/print.css?1691877023" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1691877023" rel="stylesheet">
+    <script src="../js/url.js?1691877023"></script>
+    <script src="../js/variant.js?1691877023"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -178,12 +178,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1691874880" defer></script>
-        <script src="../js/lunr/lunr.min.js?1691874880" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1691874880" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1691874880" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1691874880" defer></script>
-        <script src="../js/search.js?1691874880" defer></script>
+        <script src="../js/auto-complete.js?1691877023" defer></script>
+        <script src="../js/lunr/lunr.min.js?1691877023" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1691877023" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1691877023" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1691877023" defer></script>
+        <script src="../js/search.js?1691877023" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -313,8 +313,7 @@
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -322,25 +321,37 @@
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../js/github-buttons.js?1691874880"></script>
+          <script async src="../js/github-buttons.js?1691877023"></script>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1691874880" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1691874880" defer></script>
-    <script src="../js/theme.js?1691874880" defer></script>
+    <script src="../js/clipboard.min.js?1691877023" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1691877023" defer></script>
+    <script src="../js/theme.js?1691877023" defer></script>
   </body>
 </html>
diff --git a/basics/index.print.html b/basics/index.print.html
index abf0c990fa..735ec5aebf 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../css/format-print.css?1691874880" rel="stylesheet">
-    <link href="../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../js/url.js?1691874880"></script>
-    <script src="../js/variant.js?1691874880"></script>
+    <link href="../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../css/format-print.css?1691877024" rel="stylesheet">
+    <link href="../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../js/url.js?1691877024"></script>
+    <script src="../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -796,10 +796,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-03086ff2283cafc37168d23a0a6c2405" class="lightbox-link">
+<a href="#image-22c29eb202a15148f7360e72a16e38e3" 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-03086ff2283cafc37168d23a0a6c2405">
+<a href="javascript:history.back();" class="lightbox" id="image-22c29eb202a15148f7360e72a16e38e3">
 <img src="../basics/requirements/magic.gif?classes=shadow" alt="Magic" class="lightbox-image" loading="lazy">
 </a></p>
 
@@ -846,10 +846,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-b83b7715b00eb27e6aa318bffb623270" class="lightbox-link">
+<a href="#image-c41db0af8c3d8d6346edcc5c791dccaa" 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-b83b7715b00eb27e6aa318bffb623270">
+<a href="javascript:history.back();" class="lightbox" id="image-c41db0af8c3d8d6346edcc5c791dccaa">
 <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>
@@ -1002,10 +1002,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-8a5f5fcd2c3a13c555bc548a49bf8a50" class="lightbox-link">
+<a href="#image-a311b12b153535d9c89aba3fa66ac4ef" 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-8a5f5fcd2c3a13c555bc548a49bf8a50">
+<a href="javascript:history.back();" class="lightbox" id="image-a311b12b153535d9c89aba3fa66ac4ef">
 <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>
@@ -1054,10 +1054,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-fd9ab0563c52e00e918b4849689b90d2" class="lightbox-link">
+<a href="#image-069a4a8a857e21ade9aa10fb444d5c72" 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-fd9ab0563c52e00e918b4849689b90d2">
+<a href="javascript:history.back();" class="lightbox" id="image-069a4a8a857e21ade9aa10fb444d5c72">
 <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>
 
@@ -1180,13 +1180,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-5125a5b9bc184b39ceb0d81a029a2411" aria-controls="expandcontent-5125a5b9bc184b39ceb0d81a029a2411" >
-    <label class="expand-label" for="expand-5125a5b9bc184b39ceb0d81a029a2411" >
+    <input type="checkbox" id="expand-7facea7ba616f530983def7c3f46f494" aria-controls="expandcontent-7facea7ba616f530983def7c3f46f494" >
+    <label class="expand-label" for="expand-7facea7ba616f530983def7c3f46f494" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show usage instructions
     </label>
-    <div id="expandcontent-5125a5b9bc184b39ceb0d81a029a2411" class="expand-content">
+    <div id="expandcontent-7facea7ba616f530983def7c3f46f494" 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>
@@ -2427,22 +2427,22 @@ window.variants && variants.generator( '#vargenerator' );
         </div>
       </main>
     </div>
-    <script src="../js/clipboard.min.js?1691874880" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1691874880" defer></script>
-    <script src="../js/d3/d3-color.min.js?1691874880" defer></script>
-    <script src="../js/d3/d3-dispatch.min.js?1691874880" defer></script>
-    <script src="../js/d3/d3-drag.min.js?1691874880" defer></script>
-    <script src="../js/d3/d3-ease.min.js?1691874880" defer></script>
-    <script src="../js/d3/d3-interpolate.min.js?1691874880" defer></script>
-    <script src="../js/d3/d3-selection.min.js?1691874880" defer></script>
-    <script src="../js/d3/d3-timer.min.js?1691874880" defer></script>
-    <script src="../js/d3/d3-transition.min.js?1691874880" defer></script>
-    <script src="../js/d3/d3-zoom.min.js?1691874880" defer></script>
-    <script src="../js/js-yaml.min.js?1691874880" defer></script>
-    <script src="../js/mermaid.min.js?1691874880" defer></script>
+    <script src="../js/clipboard.min.js?1691877024" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1691877024" defer></script>
+    <script src="../js/d3/d3-color.min.js?1691877024" defer></script>
+    <script src="../js/d3/d3-dispatch.min.js?1691877024" defer></script>
+    <script src="../js/d3/d3-drag.min.js?1691877024" defer></script>
+    <script src="../js/d3/d3-ease.min.js?1691877024" defer></script>
+    <script src="../js/d3/d3-interpolate.min.js?1691877024" defer></script>
+    <script src="../js/d3/d3-selection.min.js?1691877024" defer></script>
+    <script src="../js/d3/d3-timer.min.js?1691877024" defer></script>
+    <script src="../js/d3/d3-transition.min.js?1691877024" defer></script>
+    <script src="../js/d3/d3-zoom.min.js?1691877024" defer></script>
+    <script src="../js/js-yaml.min.js?1691877024" defer></script>
+    <script src="../js/mermaid.min.js?1691877024" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../js/theme.js?1691874880" defer></script>
+    <script src="../js/theme.js?1691877024" defer></script>
   </body>
 </html>
diff --git a/basics/installation/index.html b/basics/installation/index.html
index aae869291f..e9c5b11716 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691874879" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691874879" rel="stylesheet">
-    <link href="../../css/fonts.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691874879" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691874879" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691874879" rel="stylesheet">
-    <link href="../../css/print.css?1691874879" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1691874879" rel="stylesheet">
-    <script src="../../js/url.js?1691874879"></script>
-    <script src="../../js/variant.js?1691874879"></script>
+    <link href="../../css/fontawesome-all.min.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691877023" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691877023" rel="stylesheet">
+    <link href="../../css/fonts.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691877023" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691877023" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691877023" rel="stylesheet">
+    <link href="../../css/print.css?1691877023" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1691877023" rel="stylesheet">
+    <script src="../../js/url.js?1691877023"></script>
+    <script src="../../js/variant.js?1691877023"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -142,10 +142,10 @@
 </span></span><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-b83b7715b00eb27e6aa318bffb623270" class="lightbox-link">
+<a href="#image-c41db0af8c3d8d6346edcc5c791dccaa" 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-b83b7715b00eb27e6aa318bffb623270">
+<a href="javascript:history.back();" class="lightbox" id="image-c41db0af8c3d8d6346edcc5c791dccaa">
 <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?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1691874880" defer></script>
-        <script src="../../js/search.js?1691874880" defer></script>
+        <script src="../../js/auto-complete.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1691877023" defer></script>
+        <script src="../../js/search.js?1691877023" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -396,8 +396,7 @@
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -405,25 +404,37 @@
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../js/github-buttons.js?1691874880"></script>
+          <script async src="../../js/github-buttons.js?1691877023"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1691874880" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691874880" defer></script>
-    <script src="../../js/theme.js?1691874880" defer></script>
+    <script src="../../js/clipboard.min.js?1691877023" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691877023" defer></script>
+    <script src="../../js/theme.js?1691877023" defer></script>
   </body>
 </html>
diff --git a/basics/installation/index.print.html b/basics/installation/index.print.html
index ded925867a..40d1f0cad9 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1691874880" rel="stylesheet">
-    <link href="../../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../../js/url.js?1691874880"></script>
-    <script src="../../js/variant.js?1691874880"></script>
+    <link href="../../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1691877024" rel="stylesheet">
+    <link href="../../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../../js/url.js?1691877024"></script>
+    <script src="../../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -107,10 +107,10 @@
 </span></span><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-b83b7715b00eb27e6aa318bffb623270" class="lightbox-link">
+<a href="#image-c41db0af8c3d8d6346edcc5c791dccaa" 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-b83b7715b00eb27e6aa318bffb623270">
+<a href="javascript:history.back();" class="lightbox" id="image-c41db0af8c3d8d6346edcc5c791dccaa">
 <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?1691874880" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691874880" defer></script>
-    <script src="../../js/theme.js?1691874880" defer></script>
+    <script src="../../js/clipboard.min.js?1691877024" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691877024" defer></script>
+    <script src="../../js/theme.js?1691877024" defer></script>
   </body>
 </html>
diff --git a/basics/migration/index.html b/basics/migration/index.html
index 90461cf4a6..fd2552ce96 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691874879" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691874879" rel="stylesheet">
-    <link href="../../css/fonts.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691874879" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691874879" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691874879" rel="stylesheet">
-    <link href="../../css/print.css?1691874879" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1691874879" rel="stylesheet">
-    <script src="../../js/url.js?1691874879"></script>
-    <script src="../../js/variant.js?1691874879"></script>
+    <link href="../../css/fontawesome-all.min.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691877023" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691877023" rel="stylesheet">
+    <link href="../../css/fonts.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691877023" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691877023" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691877023" rel="stylesheet">
+    <link href="../../css/print.css?1691877023" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1691877023" rel="stylesheet">
+    <script src="../../js/url.js?1691877023"></script>
+    <script src="../../js/variant.js?1691877023"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -919,12 +919,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1691874880" defer></script>
-        <script src="../../js/search.js?1691874880" defer></script>
+        <script src="../../js/auto-complete.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1691877023" defer></script>
+        <script src="../../js/search.js?1691877023" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -1054,8 +1054,7 @@
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -1063,25 +1062,37 @@
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../js/github-buttons.js?1691874880"></script>
+          <script async src="../../js/github-buttons.js?1691877023"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1691874880" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691874880" defer></script>
-    <script src="../../js/theme.js?1691874880" defer></script>
+    <script src="../../js/clipboard.min.js?1691877023" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691877023" defer></script>
+    <script src="../../js/theme.js?1691877023" defer></script>
   </body>
 </html>
diff --git a/basics/migration/index.print.html b/basics/migration/index.print.html
index 7e063bbee0..bb240faa10 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1691874880" rel="stylesheet">
-    <link href="../../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../../js/url.js?1691874880"></script>
-    <script src="../../js/variant.js?1691874880"></script>
+    <link href="../../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1691877024" rel="stylesheet">
+    <link href="../../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../../js/url.js?1691877024"></script>
+    <script src="../../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -777,8 +777,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1691874880" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691874880" defer></script>
-    <script src="../../js/theme.js?1691874880" defer></script>
+    <script src="../../js/clipboard.min.js?1691877024" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691877024" defer></script>
+    <script src="../../js/theme.js?1691877024" defer></script>
   </body>
 </html>
diff --git a/basics/requirements/index.html b/basics/requirements/index.html
index 85a4b8fc16..98f601be2a 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691874879" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691874879" rel="stylesheet">
-    <link href="../../css/fonts.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691874879" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691874879" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691874879" rel="stylesheet">
-    <link href="../../css/print.css?1691874879" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1691874879" rel="stylesheet">
-    <script src="../../js/url.js?1691874879"></script>
-    <script src="../../js/variant.js?1691874879"></script>
+    <link href="../../css/fontawesome-all.min.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691877023" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691877023" rel="stylesheet">
+    <link href="../../css/fonts.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691877023" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691877023" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691877023" rel="stylesheet">
+    <link href="../../css/print.css?1691877023" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1691877023" rel="stylesheet">
+    <script src="../../js/url.js?1691877023"></script>
+    <script src="../../js/variant.js?1691877023"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -94,10 +94,10 @@
 <p>Thanks to the simplicity of Hugo, this page is as empty as this theme needs requirements.</p>
 <p>Just download at least version <span class="badge cstyle default badge-with-title"><span class="badge-title"><i class="fab fa-hackerrank"></i></span><span class="badge-content" style="background-color: fuchsia;">0.95.0</span></span> of the <a href="https://gohugo.io/getting-started/installing/" target="_blank">Hugo binary</a> for your OS (Windows, Linux, Mac).</p>
 <p>
-<a href="#image-03086ff2283cafc37168d23a0a6c2405" class="lightbox-link">
+<a href="#image-22c29eb202a15148f7360e72a16e38e3" 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-03086ff2283cafc37168d23a0a6c2405">
+<a href="javascript:history.back();" class="lightbox" id="image-22c29eb202a15148f7360e72a16e38e3">
 <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?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1691874880" defer></script>
-        <script src="../../js/search.js?1691874880" defer></script>
+        <script src="../../js/auto-complete.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1691877023" defer></script>
+        <script src="../../js/search.js?1691877023" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -323,8 +323,7 @@
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -332,25 +331,37 @@
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../js/github-buttons.js?1691874880"></script>
+          <script async src="../../js/github-buttons.js?1691877023"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1691874880" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691874880" defer></script>
-    <script src="../../js/theme.js?1691874880" defer></script>
+    <script src="../../js/clipboard.min.js?1691877023" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691877023" defer></script>
+    <script src="../../js/theme.js?1691877023" defer></script>
   </body>
 </html>
diff --git a/basics/requirements/index.print.html b/basics/requirements/index.print.html
index 497ce39907..8660de73e8 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1691874880" rel="stylesheet">
-    <link href="../../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../../js/url.js?1691874880"></script>
-    <script src="../../js/variant.js?1691874880"></script>
+    <link href="../../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1691877024" rel="stylesheet">
+    <link href="../../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../../js/url.js?1691877024"></script>
+    <script src="../../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -79,10 +79,10 @@
 <p>Thanks to the simplicity of Hugo, this page is as empty as this theme needs requirements.</p>
 <p>Just download at least version <span class="badge cstyle default badge-with-title"><span class="badge-title"><i class="fab fa-hackerrank"></i></span><span class="badge-content" style="background-color: fuchsia;">0.95.0</span></span> of the <a href="https://gohugo.io/getting-started/installing/" target="_blank">Hugo binary</a> for your OS (Windows, Linux, Mac).</p>
 <p>
-<a href="#image-03086ff2283cafc37168d23a0a6c2405" class="lightbox-link">
+<a href="#image-22c29eb202a15148f7360e72a16e38e3" 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-03086ff2283cafc37168d23a0a6c2405">
+<a href="javascript:history.back();" class="lightbox" id="image-22c29eb202a15148f7360e72a16e38e3">
 <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?1691874880" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691874880" defer></script>
-    <script src="../../js/theme.js?1691874880" defer></script>
+    <script src="../../js/clipboard.min.js?1691877024" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691877024" defer></script>
+    <script src="../../js/theme.js?1691877024" defer></script>
   </body>
 </html>
diff --git a/categories/basic/index.html b/categories/basic/index.html
index 8faea3a146..6cfe70b745 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691874879" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691874879" rel="stylesheet">
-    <link href="../../css/fonts.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691874879" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691874879" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691874879" rel="stylesheet">
-    <link href="../../css/print.css?1691874879" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1691874879" rel="stylesheet">
-    <script src="../../js/url.js?1691874879"></script>
-    <script src="../../js/variant.js?1691874879"></script>
+    <link href="../../css/fontawesome-all.min.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691877023" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691877023" rel="stylesheet">
+    <link href="../../css/fonts.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691877023" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691877023" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691877023" rel="stylesheet">
+    <link href="../../css/print.css?1691877023" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1691877023" rel="stylesheet">
+    <script src="../../js/url.js?1691877023"></script>
+    <script src="../../js/variant.js?1691877023"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -166,12 +166,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1691874880" defer></script>
-        <script src="../../js/search.js?1691874880" defer></script>
+        <script src="../../js/auto-complete.js?1691877024" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1691877024" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691877024" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1691877024" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1691877024" defer></script>
+        <script src="../../js/search.js?1691877024" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -301,8 +301,7 @@
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -310,25 +309,37 @@
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../js/github-buttons.js?1691874880"></script>
+          <script async src="../../js/github-buttons.js?1691877024"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1691874880" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691874880" defer></script>
-    <script src="../../js/theme.js?1691874880" defer></script>
+    <script src="../../js/clipboard.min.js?1691877024" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691877024" defer></script>
+    <script src="../../js/theme.js?1691877024" defer></script>
   </body>
 </html>
diff --git a/categories/content/index.html b/categories/content/index.html
index 8f9bf79bab..f90d77629c 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691874879" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691874879" rel="stylesheet">
-    <link href="../../css/fonts.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691874879" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691874879" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691874879" rel="stylesheet">
-    <link href="../../css/print.css?1691874879" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1691874879" rel="stylesheet">
-    <script src="../../js/url.js?1691874879"></script>
-    <script src="../../js/variant.js?1691874879"></script>
+    <link href="../../css/fontawesome-all.min.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691877023" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691877023" rel="stylesheet">
+    <link href="../../css/fonts.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691877023" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691877023" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691877023" rel="stylesheet">
+    <link href="../../css/print.css?1691877023" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1691877023" rel="stylesheet">
+    <script src="../../js/url.js?1691877023"></script>
+    <script src="../../js/variant.js?1691877023"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -166,12 +166,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1691874880" defer></script>
-        <script src="../../js/search.js?1691874880" defer></script>
+        <script src="../../js/auto-complete.js?1691877024" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1691877024" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691877024" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1691877024" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1691877024" defer></script>
+        <script src="../../js/search.js?1691877024" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -301,8 +301,7 @@
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -310,25 +309,37 @@
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../js/github-buttons.js?1691874880"></script>
+          <script async src="../../js/github-buttons.js?1691877024"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1691874880" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691874880" defer></script>
-    <script src="../../js/theme.js?1691874880" defer></script>
+    <script src="../../js/clipboard.min.js?1691877024" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691877024" defer></script>
+    <script src="../../js/theme.js?1691877024" defer></script>
   </body>
 </html>
diff --git a/categories/custom/index.html b/categories/custom/index.html
index 01a433ab20..6491c40f55 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691874879" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691874879" rel="stylesheet">
-    <link href="../../css/fonts.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691874879" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691874879" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691874879" rel="stylesheet">
-    <link href="../../css/print.css?1691874879" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1691874879" rel="stylesheet">
-    <script src="../../js/url.js?1691874879"></script>
-    <script src="../../js/variant.js?1691874879"></script>
+    <link href="../../css/fontawesome-all.min.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691877023" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691877023" rel="stylesheet">
+    <link href="../../css/fonts.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691877023" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691877023" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691877023" rel="stylesheet">
+    <link href="../../css/print.css?1691877023" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1691877023" rel="stylesheet">
+    <script src="../../js/url.js?1691877023"></script>
+    <script src="../../js/variant.js?1691877023"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -166,12 +166,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1691874880" defer></script>
-        <script src="../../js/search.js?1691874880" defer></script>
+        <script src="../../js/auto-complete.js?1691877024" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1691877024" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691877024" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1691877024" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1691877024" defer></script>
+        <script src="../../js/search.js?1691877024" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -301,8 +301,7 @@
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -310,25 +309,37 @@
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../js/github-buttons.js?1691874880"></script>
+          <script async src="../../js/github-buttons.js?1691877024"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1691874880" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691874880" defer></script>
-    <script src="../../js/theme.js?1691874880" defer></script>
+    <script src="../../js/clipboard.min.js?1691877024" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691877024" defer></script>
+    <script src="../../js/theme.js?1691877024" defer></script>
   </body>
 </html>
diff --git a/categories/index.html b/categories/index.html
index 5436ea9936..3bc93dcc53 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1691874879" rel="stylesheet">
-    <link href="../css/auto-complete.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1691874879" rel="stylesheet">
-    <link href="../css/fonts.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1691874879" rel="stylesheet">
-    <link href="../css/theme-auto.css?1691874879" rel="stylesheet" id="variant-style">
-    <link href="../css/variant.css?1691874879" rel="stylesheet">
-    <link href="../css/print.css?1691874879" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1691874879" rel="stylesheet">
-    <script src="../js/url.js?1691874879"></script>
-    <script src="../js/variant.js?1691874879"></script>
+    <link href="../css/fontawesome-all.min.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1691877023" rel="stylesheet">
+    <link href="../css/auto-complete.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1691877023" rel="stylesheet">
+    <link href="../css/fonts.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1691877023" rel="stylesheet">
+    <link href="../css/theme-auto.css?1691877023" rel="stylesheet" id="variant-style">
+    <link href="../css/variant.css?1691877023" rel="stylesheet">
+    <link href="../css/print.css?1691877023" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1691877023" rel="stylesheet">
+    <script src="../js/url.js?1691877023"></script>
+    <script src="../js/variant.js?1691877023"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -188,12 +188,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1691874880" defer></script>
-        <script src="../js/lunr/lunr.min.js?1691874880" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1691874880" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1691874880" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1691874880" defer></script>
-        <script src="../js/search.js?1691874880" defer></script>
+        <script src="../js/auto-complete.js?1691877024" defer></script>
+        <script src="../js/lunr/lunr.min.js?1691877024" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1691877024" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1691877024" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1691877024" defer></script>
+        <script src="../js/search.js?1691877024" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -323,8 +323,7 @@
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -332,25 +331,37 @@
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../js/github-buttons.js?1691874880"></script>
+          <script async src="../js/github-buttons.js?1691877024"></script>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1691874880" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1691874880" defer></script>
-    <script src="../js/theme.js?1691874880" defer></script>
+    <script src="../js/clipboard.min.js?1691877024" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1691877024" defer></script>
+    <script src="../js/theme.js?1691877024" defer></script>
   </body>
 </html>
diff --git a/categories/taxonomy/index.html b/categories/taxonomy/index.html
index 2e249f63bd..25c876d095 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691874879" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691874879" rel="stylesheet">
-    <link href="../../css/fonts.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691874879" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691874879" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691874879" rel="stylesheet">
-    <link href="../../css/print.css?1691874879" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1691874879" rel="stylesheet">
-    <script src="../../js/url.js?1691874879"></script>
-    <script src="../../js/variant.js?1691874879"></script>
+    <link href="../../css/fontawesome-all.min.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691877023" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691877023" rel="stylesheet">
+    <link href="../../css/fonts.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691877023" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691877023" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691877023" rel="stylesheet">
+    <link href="../../css/print.css?1691877023" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1691877023" rel="stylesheet">
+    <script src="../../js/url.js?1691877023"></script>
+    <script src="../../js/variant.js?1691877023"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -166,12 +166,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1691874880" defer></script>
-        <script src="../../js/search.js?1691874880" defer></script>
+        <script src="../../js/auto-complete.js?1691877024" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1691877024" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691877024" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1691877024" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1691877024" defer></script>
+        <script src="../../js/search.js?1691877024" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -301,8 +301,7 @@
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -310,25 +309,37 @@
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../js/github-buttons.js?1691874880"></script>
+          <script async src="../../js/github-buttons.js?1691877024"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1691874880" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691874880" defer></script>
-    <script src="../../js/theme.js?1691874880" defer></script>
+    <script src="../../js/clipboard.min.js?1691877024" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691877024" defer></script>
+    <script src="../../js/theme.js?1691877024" defer></script>
   </body>
 </html>
diff --git a/categories/theming/index.html b/categories/theming/index.html
index 1d3dd22ce3..e059b085f2 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691874879" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691874879" rel="stylesheet">
-    <link href="../../css/fonts.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691874879" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691874879" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691874879" rel="stylesheet">
-    <link href="../../css/print.css?1691874879" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1691874879" rel="stylesheet">
-    <script src="../../js/url.js?1691874879"></script>
-    <script src="../../js/variant.js?1691874879"></script>
+    <link href="../../css/fontawesome-all.min.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691877023" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691877023" rel="stylesheet">
+    <link href="../../css/fonts.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691877023" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691877023" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691877023" rel="stylesheet">
+    <link href="../../css/print.css?1691877023" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1691877023" rel="stylesheet">
+    <script src="../../js/url.js?1691877023"></script>
+    <script src="../../js/variant.js?1691877023"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -167,12 +167,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1691874880" defer></script>
-        <script src="../../js/search.js?1691874880" defer></script>
+        <script src="../../js/auto-complete.js?1691877024" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1691877024" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691877024" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1691877024" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1691877024" defer></script>
+        <script src="../../js/search.js?1691877024" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -302,8 +302,7 @@
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -311,25 +310,37 @@
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../js/github-buttons.js?1691874880"></script>
+          <script async src="../../js/github-buttons.js?1691877024"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1691874880" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691874880" defer></script>
-    <script src="../../js/theme.js?1691874880" defer></script>
+    <script src="../../js/clipboard.min.js?1691877024" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691877024" defer></script>
+    <script src="../../js/theme.js?1691877024" defer></script>
   </body>
 </html>
diff --git a/cont/archetypes/index.html b/cont/archetypes/index.html
index 9c66e90b4e..8510b698ed 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691874879" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691874879" rel="stylesheet">
-    <link href="../../css/fonts.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691874879" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691874879" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691874879" rel="stylesheet">
-    <link href="../../css/print.css?1691874879" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1691874879" rel="stylesheet">
-    <script src="../../js/url.js?1691874879"></script>
-    <script src="../../js/variant.js?1691874879"></script>
+    <link href="../../css/fontawesome-all.min.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691877023" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691877023" rel="stylesheet">
+    <link href="../../css/fonts.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691877023" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691877023" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691877023" rel="stylesheet">
+    <link href="../../css/print.css?1691877023" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1691877023" rel="stylesheet">
+    <script src="../../js/url.js?1691877023"></script>
+    <script src="../../js/variant.js?1691877023"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -120,10 +120,10 @@
 <p>A <strong>Home</strong> page is the starting page of your project. It&rsquo;s best to have only one page of this kind in your project.</p>
 <p>
 		
-<a href="#image-38c549780064fc7ad3053ddc07c538a9" class="lightbox-link">
+<a href="#image-56fd0478f528922922e719568671e965" 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-38c549780064fc7ad3053ddc07c538a9">
+<a href="javascript:history.back();" class="lightbox" id="image-56fd0478f528922922e719568671e965">
 <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-6b1481d20d59f80ca79519e1bd6d8ba3" class="lightbox-link">
+<a href="#image-5b2bae5ffd8a96272e967f1d37b4e8b9" 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-6b1481d20d59f80ca79519e1bd6d8ba3">
+<a href="javascript:history.back();" class="lightbox" id="image-5b2bae5ffd8a96272e967f1d37b4e8b9">
 <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-4a9c4bf6fb8a133f0321c80536a41a2b" class="lightbox-link">
+<a href="#image-6d0f7139d644aa340e903bb6e18f36a8" 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-4a9c4bf6fb8a133f0321c80536a41a2b">
+<a href="javascript:history.back();" class="lightbox" id="image-6d0f7139d644aa340e903bb6e18f36a8">
 <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?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1691874880" defer></script>
-        <script src="../../js/search.js?1691874880" defer></script>
+        <script src="../../js/auto-complete.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1691877023" defer></script>
+        <script src="../../js/search.js?1691877023" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -425,8 +425,7 @@
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -434,25 +433,37 @@
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../js/github-buttons.js?1691874880"></script>
+          <script async src="../../js/github-buttons.js?1691877023"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1691874880" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691874880" defer></script>
-    <script src="../../js/theme.js?1691874880" defer></script>
+    <script src="../../js/clipboard.min.js?1691877023" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691877023" defer></script>
+    <script src="../../js/theme.js?1691877023" defer></script>
   </body>
 </html>
diff --git a/cont/archetypes/index.print.html b/cont/archetypes/index.print.html
index bb83a2140e..3efec7988d 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1691874880" rel="stylesheet">
-    <link href="../../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../../js/url.js?1691874880"></script>
-    <script src="../../js/variant.js?1691874880"></script>
+    <link href="../../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1691877024" rel="stylesheet">
+    <link href="../../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../../js/url.js?1691877024"></script>
+    <script src="../../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -83,10 +83,10 @@
 <p>A <strong>Home</strong> page is the starting page of your project. It&rsquo;s best to have only one page of this kind in your project.</p>
 <p>
 		
-<a href="#image-38c549780064fc7ad3053ddc07c538a9" class="lightbox-link">
+<a href="#image-56fd0478f528922922e719568671e965" 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-38c549780064fc7ad3053ddc07c538a9">
+<a href="javascript:history.back();" class="lightbox" id="image-56fd0478f528922922e719568671e965">
 <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-6b1481d20d59f80ca79519e1bd6d8ba3" class="lightbox-link">
+<a href="#image-5b2bae5ffd8a96272e967f1d37b4e8b9" 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-6b1481d20d59f80ca79519e1bd6d8ba3">
+<a href="javascript:history.back();" class="lightbox" id="image-5b2bae5ffd8a96272e967f1d37b4e8b9">
 <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-4a9c4bf6fb8a133f0321c80536a41a2b" class="lightbox-link">
+<a href="#image-6d0f7139d644aa340e903bb6e18f36a8" 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-4a9c4bf6fb8a133f0321c80536a41a2b">
+<a href="javascript:history.back();" class="lightbox" id="image-6d0f7139d644aa340e903bb6e18f36a8">
 <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?1691874880" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691874880" defer></script>
-    <script src="../../js/theme.js?1691874880" defer></script>
+    <script src="../../js/clipboard.min.js?1691877024" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691877024" defer></script>
+    <script src="../../js/theme.js?1691877024" defer></script>
   </body>
 </html>
diff --git a/cont/i18n/index.html b/cont/i18n/index.html
index 88c559c084..a0d980445f 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691874879" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691874879" rel="stylesheet">
-    <link href="../../css/fonts.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691874879" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691874879" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691874879" rel="stylesheet">
-    <link href="../../css/print.css?1691874879" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1691874879" rel="stylesheet">
-    <script src="../../js/url.js?1691874879"></script>
-    <script src="../../js/variant.js?1691874879"></script>
+    <link href="../../css/fontawesome-all.min.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691877023" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691877023" rel="stylesheet">
+    <link href="../../css/fonts.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691877023" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691877023" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691877023" rel="stylesheet">
+    <link href="../../css/print.css?1691877023" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1691877023" rel="stylesheet">
+    <script src="../../js/url.js?1691877023"></script>
+    <script src="../../js/variant.js?1691877023"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -117,10 +117,10 @@
 </ul>
 <p>
 		
-<a href="#image-d4fdaeddde53dcf4b80493b0b514f148" class="lightbox-link">
+<a href="#image-e0c7731d3904711bc762b0e245abdce6" 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-d4fdaeddde53dcf4b80493b0b514f148">
+<a href="javascript:history.back();" class="lightbox" id="image-e0c7731d3904711bc762b0e245abdce6">
 <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?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1691874880" defer></script>
-        <script src="../../js/search.js?1691874880" defer></script>
+        <script src="../../js/auto-complete.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1691877023" defer></script>
+        <script src="../../js/search.js?1691877023" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -434,8 +434,7 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -443,25 +442,37 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../js/github-buttons.js?1691874880"></script>
+          <script async src="../../js/github-buttons.js?1691877023"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1691874880" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691874880" defer></script>
-    <script src="../../js/theme.js?1691874880" defer></script>
+    <script src="../../js/clipboard.min.js?1691877023" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691877023" defer></script>
+    <script src="../../js/theme.js?1691877023" defer></script>
   </body>
 </html>
diff --git a/cont/i18n/index.print.html b/cont/i18n/index.print.html
index b8413b6c00..7b2e59a7b1 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1691874880" rel="stylesheet">
-    <link href="../../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../../js/url.js?1691874880"></script>
-    <script src="../../js/variant.js?1691874880"></script>
+    <link href="../../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1691877024" rel="stylesheet">
+    <link href="../../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../../js/url.js?1691877024"></script>
+    <script src="../../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -85,10 +85,10 @@
 </ul>
 <p>
 		
-<a href="#image-d4fdaeddde53dcf4b80493b0b514f148" class="lightbox-link">
+<a href="#image-e0c7731d3904711bc762b0e245abdce6" 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-d4fdaeddde53dcf4b80493b0b514f148">
+<a href="javascript:history.back();" class="lightbox" id="image-e0c7731d3904711bc762b0e245abdce6">
 <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?1691874880" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691874880" defer></script>
-    <script src="../../js/theme.js?1691874880" defer></script>
+    <script src="../../js/clipboard.min.js?1691877024" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691877024" defer></script>
+    <script src="../../js/theme.js?1691877024" defer></script>
   </body>
 </html>
diff --git a/cont/index.html b/cont/index.html
index 5670928f51..ce6bd1a714 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1691874879" rel="stylesheet">
-    <link href="../css/auto-complete.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1691874879" rel="stylesheet">
-    <link href="../css/fonts.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1691874879" rel="stylesheet">
-    <link href="../css/theme-auto.css?1691874879" rel="stylesheet" id="variant-style">
-    <link href="../css/variant.css?1691874879" rel="stylesheet">
-    <link href="../css/print.css?1691874879" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1691874879" rel="stylesheet">
-    <script src="../js/url.js?1691874879"></script>
-    <script src="../js/variant.js?1691874879"></script>
+    <link href="../css/fontawesome-all.min.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1691877023" rel="stylesheet">
+    <link href="../css/auto-complete.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1691877023" rel="stylesheet">
+    <link href="../css/fonts.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1691877023" rel="stylesheet">
+    <link href="../css/theme-auto.css?1691877023" rel="stylesheet" id="variant-style">
+    <link href="../css/variant.css?1691877023" rel="stylesheet">
+    <link href="../css/print.css?1691877023" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1691877023" rel="stylesheet">
+    <script src="../js/url.js?1691877023"></script>
+    <script src="../js/variant.js?1691877023"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -178,12 +178,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1691874880" defer></script>
-        <script src="../js/lunr/lunr.min.js?1691874880" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1691874880" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1691874880" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1691874880" defer></script>
-        <script src="../js/search.js?1691874880" defer></script>
+        <script src="../js/auto-complete.js?1691877023" defer></script>
+        <script src="../js/lunr/lunr.min.js?1691877023" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1691877023" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1691877023" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1691877023" defer></script>
+        <script src="../js/search.js?1691877023" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -313,8 +313,7 @@
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -322,25 +321,37 @@
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../js/github-buttons.js?1691874880"></script>
+          <script async src="../js/github-buttons.js?1691877023"></script>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1691874880" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1691874880" defer></script>
-    <script src="../js/theme.js?1691874880" defer></script>
+    <script src="../js/clipboard.min.js?1691877023" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1691877023" defer></script>
+    <script src="../js/theme.js?1691877023" defer></script>
   </body>
 </html>
diff --git a/cont/index.print.html b/cont/index.print.html
index 3279ce3db0..2d99976e7a 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../css/format-print.css?1691874880" rel="stylesheet">
-    <link href="../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../js/url.js?1691874880"></script>
-    <script src="../js/variant.js?1691874880"></script>
+    <link href="../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../css/format-print.css?1691877024" rel="stylesheet">
+    <link href="../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../js/url.js?1691877024"></script>
+    <script src="../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -161,10 +161,10 @@
 </span></span><span class="line"><span class="cl"><span class="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-198727ac583077cb53e9c93a8318eeee" class="lightbox-link">
+<a href="#image-cb210afbca362a0cb734122ea80de5c3" 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-198727ac583077cb53e9c93a8318eeee">
+<a href="javascript:history.back();" class="lightbox" id="image-cb210afbca362a0cb734122ea80de5c3">
 <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-38c549780064fc7ad3053ddc07c538a9" class="lightbox-link">
+<a href="#image-56fd0478f528922922e719568671e965" 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-38c549780064fc7ad3053ddc07c538a9">
+<a href="javascript:history.back();" class="lightbox" id="image-56fd0478f528922922e719568671e965">
 <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-6b1481d20d59f80ca79519e1bd6d8ba3" class="lightbox-link">
+<a href="#image-5b2bae5ffd8a96272e967f1d37b4e8b9" 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-6b1481d20d59f80ca79519e1bd6d8ba3">
+<a href="javascript:history.back();" class="lightbox" id="image-5b2bae5ffd8a96272e967f1d37b4e8b9">
 <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-4a9c4bf6fb8a133f0321c80536a41a2b" class="lightbox-link">
+<a href="#image-6d0f7139d644aa340e903bb6e18f36a8" 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-4a9c4bf6fb8a133f0321c80536a41a2b">
+<a href="javascript:history.back();" class="lightbox" id="image-6d0f7139d644aa340e903bb6e18f36a8">
 <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-4d5a89f93b9ddbc4738fd502a27b3a75" class="lightbox-link">
+<a href="#image-22b4ee3ae86a21063357b1d86c538758" 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-4d5a89f93b9ddbc4738fd502a27b3a75">
+<a href="javascript:history.back();" class="lightbox" id="image-22b4ee3ae86a21063357b1d86c538758">
 <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-00dea877e138ca5e9d8c5f0243c4e145" class="lightbox-link">
+<a href="#image-309a90d0981d1d1a547e14b8925183e0" 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-00dea877e138ca5e9d8c5f0243c4e145">
+<a href="javascript:history.back();" class="lightbox" id="image-309a90d0981d1d1a547e14b8925183e0">
 <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-2c5471781dd49c6c66e9e49d422422f8" class="lightbox-link">
+<a href="#image-e11833ec89ab44bd7ef7f78d520fe5e7" 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-2c5471781dd49c6c66e9e49d422422f8">
+<a href="javascript:history.back();" class="lightbox" id="image-e11833ec89ab44bd7ef7f78d520fe5e7">
 <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-a74ef755736aea72d3656f7c92286bbf" class="lightbox-link">
+<a href="#image-ab82f03e6900917dfa436e8552521e9c" 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-a74ef755736aea72d3656f7c92286bbf">
+<a href="javascript:history.back();" class="lightbox" id="image-ab82f03e6900917dfa436e8552521e9c">
 <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-011ae0ffd55936762e37261ed5e39b8d" class="lightbox-link">
+<a href="#image-0b2d7f55300e098593dd4007ca2ed5ab" 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-011ae0ffd55936762e37261ed5e39b8d">
+<a href="javascript:history.back();" class="lightbox" id="image-0b2d7f55300e098593dd4007ca2ed5ab">
 <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-9d258fcef0d7cab680abdc4697068622" class="lightbox-link">
+<a href="#image-e1dab2d28b325916a6ec179707ac372b" 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-9d258fcef0d7cab680abdc4697068622">
+<a href="javascript:history.back();" class="lightbox" id="image-e1dab2d28b325916a6ec179707ac372b">
 <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-6d912433a0597870c5132a2be32dbe52" class="lightbox-link">
+<a href="#image-9cc2e036399804c3ecf2b8b44471d10a" 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-6d912433a0597870c5132a2be32dbe52">
+<a href="javascript:history.back();" class="lightbox" id="image-9cc2e036399804c3ecf2b8b44471d10a">
 <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-a99f7a4469e4f75590005553c977518a" class="lightbox-link">
+<a href="#image-9c61294e93482ddcb37269197c906b82" 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-a99f7a4469e4f75590005553c977518a">
+<a href="javascript:history.back();" class="lightbox" id="image-9c61294e93482ddcb37269197c906b82">
 <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-d7d89ed485539b5164039d3951fe07bb" class="lightbox-link">
+<a href="#image-8873ee54f1994ce85d4cfb398b3d52fc" 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-d7d89ed485539b5164039d3951fe07bb">
+<a href="javascript:history.back();" class="lightbox" id="image-8873ee54f1994ce85d4cfb398b3d52fc">
 <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-50d2ddb9b44b6a8e0e599acaaa7e2655" class="lightbox-link">
+<a href="#image-e7065bb9a8ca4740d8ba2197e2786d1c" 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-50d2ddb9b44b6a8e0e599acaaa7e2655">
+<a href="javascript:history.back();" class="lightbox" id="image-e7065bb9a8ca4740d8ba2197e2786d1c">
 <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-2c6b9211e18dc12ffb85536254cacbbe" class="lightbox-link">
+<a href="#image-5e845d47f40d1a13d702944e9c4709d3" 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-2c6b9211e18dc12ffb85536254cacbbe">
+<a href="javascript:history.back();" class="lightbox" id="image-5e845d47f40d1a13d702944e9c4709d3">
 <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-fa89709ecf12247e29bebd786d4c4d2a" class="lightbox-link">
+<a href="#image-e625d6ebd402a790903fc1297f78b365" 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-fa89709ecf12247e29bebd786d4c4d2a">
+<a href="javascript:history.back();" class="lightbox" id="image-e625d6ebd402a790903fc1297f78b365">
 <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-eb66a3a6f86830ea0bf91cec96e6bed5" class="lightbox-link">
+<a href="#image-8c33129e5661386e85a6134e1adee884" 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-eb66a3a6f86830ea0bf91cec96e6bed5">
+<a href="javascript:history.back();" class="lightbox" id="image-8c33129e5661386e85a6134e1adee884">
 <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-3db5fb6cf4b12cef6fa8ad39fdf5654b" class="lightbox-link">
+<a href="#image-f14d57fea7b8109731a457713b82120f" 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-3db5fb6cf4b12cef6fa8ad39fdf5654b">
+<a href="javascript:history.back();" class="lightbox" id="image-f14d57fea7b8109731a457713b82120f">
 <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-8a1b11db8ae81493d5811f7a30d01755" class="lightbox-link">
+<a href="#image-f5a8dcf647c522895fa81ebbe7c603b7" 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-8a1b11db8ae81493d5811f7a30d01755">
+<a href="javascript:history.back();" class="lightbox" id="image-f5a8dcf647c522895fa81ebbe7c603b7">
 <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-d4fdaeddde53dcf4b80493b0b514f148" class="lightbox-link">
+<a href="#image-e0c7731d3904711bc762b0e245abdce6" 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-d4fdaeddde53dcf4b80493b0b514f148">
+<a href="javascript:history.back();" class="lightbox" id="image-e0c7731d3904711bc762b0e245abdce6">
 <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?1691874880" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1691874880" defer></script>
-    <script src="../js/theme.js?1691874880" defer></script>
+    <script src="../js/clipboard.min.js?1691877024" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1691877024" defer></script>
+    <script src="../js/theme.js?1691877024" defer></script>
   </body>
 </html>
diff --git a/cont/markdown/index.html b/cont/markdown/index.html
index a7aa6ba789..23042ffdd6 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691874879" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691874879" rel="stylesheet">
-    <link href="../../css/fonts.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691874879" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691874879" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691874879" rel="stylesheet">
-    <link href="../../css/print.css?1691874879" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1691874879" rel="stylesheet">
-    <script src="../../js/url.js?1691874879"></script>
-    <script src="../../js/variant.js?1691874879"></script>
+    <link href="../../css/fontawesome-all.min.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691877023" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691877023" rel="stylesheet">
+    <link href="../../css/fonts.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691877023" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691877023" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691877023" rel="stylesheet">
+    <link href="../../css/print.css?1691877023" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1691877023" rel="stylesheet">
+    <script src="../../js/url.js?1691877023"></script>
+    <script src="../../js/variant.js?1691877023"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -668,10 +668,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-4d5a89f93b9ddbc4738fd502a27b3a75" class="lightbox-link">
+<a href="#image-22b4ee3ae86a21063357b1d86c538758" 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-4d5a89f93b9ddbc4738fd502a27b3a75">
+<a href="javascript:history.back();" class="lightbox" id="image-22b4ee3ae86a21063357b1d86c538758">
 <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-00dea877e138ca5e9d8c5f0243c4e145" class="lightbox-link">
+<a href="#image-309a90d0981d1d1a547e14b8925183e0" 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-00dea877e138ca5e9d8c5f0243c4e145">
+<a href="javascript:history.back();" class="lightbox" id="image-309a90d0981d1d1a547e14b8925183e0">
 <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-2c5471781dd49c6c66e9e49d422422f8" class="lightbox-link">
+<a href="#image-e11833ec89ab44bd7ef7f78d520fe5e7" 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-2c5471781dd49c6c66e9e49d422422f8">
+<a href="javascript:history.back();" class="lightbox" id="image-e11833ec89ab44bd7ef7f78d520fe5e7">
 <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-a74ef755736aea72d3656f7c92286bbf" class="lightbox-link">
+<a href="#image-ab82f03e6900917dfa436e8552521e9c" 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-a74ef755736aea72d3656f7c92286bbf">
+<a href="javascript:history.back();" class="lightbox" id="image-ab82f03e6900917dfa436e8552521e9c">
 <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-011ae0ffd55936762e37261ed5e39b8d" class="lightbox-link">
+<a href="#image-0b2d7f55300e098593dd4007ca2ed5ab" 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-011ae0ffd55936762e37261ed5e39b8d">
+<a href="javascript:history.back();" class="lightbox" id="image-0b2d7f55300e098593dd4007ca2ed5ab">
 <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-9d258fcef0d7cab680abdc4697068622" class="lightbox-link">
+<a href="#image-e1dab2d28b325916a6ec179707ac372b" 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-9d258fcef0d7cab680abdc4697068622">
+<a href="javascript:history.back();" class="lightbox" id="image-e1dab2d28b325916a6ec179707ac372b">
 <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-6d912433a0597870c5132a2be32dbe52" class="lightbox-link">
+<a href="#image-9cc2e036399804c3ecf2b8b44471d10a" 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-6d912433a0597870c5132a2be32dbe52">
+<a href="javascript:history.back();" class="lightbox" id="image-9cc2e036399804c3ecf2b8b44471d10a">
 <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-a99f7a4469e4f75590005553c977518a" class="lightbox-link">
+<a href="#image-9c61294e93482ddcb37269197c906b82" 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-a99f7a4469e4f75590005553c977518a">
+<a href="javascript:history.back();" class="lightbox" id="image-9c61294e93482ddcb37269197c906b82">
 <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-d7d89ed485539b5164039d3951fe07bb" class="lightbox-link">
+<a href="#image-8873ee54f1994ce85d4cfb398b3d52fc" 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-d7d89ed485539b5164039d3951fe07bb">
+<a href="javascript:history.back();" class="lightbox" id="image-8873ee54f1994ce85d4cfb398b3d52fc">
 <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-50d2ddb9b44b6a8e0e599acaaa7e2655" class="lightbox-link">
+<a href="#image-e7065bb9a8ca4740d8ba2197e2786d1c" 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-50d2ddb9b44b6a8e0e599acaaa7e2655">
+<a href="javascript:history.back();" class="lightbox" id="image-e7065bb9a8ca4740d8ba2197e2786d1c">
 <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-2c6b9211e18dc12ffb85536254cacbbe" class="lightbox-link">
+<a href="#image-5e845d47f40d1a13d702944e9c4709d3" 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-2c6b9211e18dc12ffb85536254cacbbe">
+<a href="javascript:history.back();" class="lightbox" id="image-5e845d47f40d1a13d702944e9c4709d3">
 <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-fa89709ecf12247e29bebd786d4c4d2a" class="lightbox-link">
+<a href="#image-e625d6ebd402a790903fc1297f78b365" 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-fa89709ecf12247e29bebd786d4c4d2a">
+<a href="javascript:history.back();" class="lightbox" id="image-e625d6ebd402a790903fc1297f78b365">
 <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-eb66a3a6f86830ea0bf91cec96e6bed5" class="lightbox-link">
+<a href="#image-8c33129e5661386e85a6134e1adee884" 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-eb66a3a6f86830ea0bf91cec96e6bed5">
+<a href="javascript:history.back();" class="lightbox" id="image-8c33129e5661386e85a6134e1adee884">
 <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-3db5fb6cf4b12cef6fa8ad39fdf5654b" class="lightbox-link">
+<a href="#image-f14d57fea7b8109731a457713b82120f" 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-3db5fb6cf4b12cef6fa8ad39fdf5654b">
+<a href="javascript:history.back();" class="lightbox" id="image-f14d57fea7b8109731a457713b82120f">
 <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-8a1b11db8ae81493d5811f7a30d01755" class="lightbox-link">
+<a href="#image-f5a8dcf647c522895fa81ebbe7c603b7" 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-8a1b11db8ae81493d5811f7a30d01755">
+<a href="javascript:history.back();" class="lightbox" id="image-f5a8dcf647c522895fa81ebbe7c603b7">
 <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?1691874879" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1691874879" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691874879" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1691874879" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1691874879" defer></script>
-        <script src="../../js/search.js?1691874879" defer></script>
+        <script src="../../js/auto-complete.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1691877023" defer></script>
+        <script src="../../js/search.js?1691877023" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -1120,8 +1120,7 @@ line 3 of code
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -1129,25 +1128,37 @@ line 3 of code
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../js/github-buttons.js?1691874879"></script>
+          <script async src="../../js/github-buttons.js?1691877023"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1691874879" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691874879" defer></script>
-    <script src="../../js/theme.js?1691874879" defer></script>
+    <script src="../../js/clipboard.min.js?1691877023" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691877023" defer></script>
+    <script src="../../js/theme.js?1691877023" defer></script>
   </body>
 </html>
diff --git a/cont/markdown/index.print.html b/cont/markdown/index.print.html
index e091b13793..5cb15d2d2f 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1691874880" rel="stylesheet">
-    <link href="../../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../../js/url.js?1691874880"></script>
-    <script src="../../js/variant.js?1691874880"></script>
+    <link href="../../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1691877024" rel="stylesheet">
+    <link href="../../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../../js/url.js?1691877024"></script>
+    <script src="../../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -595,10 +595,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-4d5a89f93b9ddbc4738fd502a27b3a75" class="lightbox-link">
+<a href="#image-22b4ee3ae86a21063357b1d86c538758" 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-4d5a89f93b9ddbc4738fd502a27b3a75">
+<a href="javascript:history.back();" class="lightbox" id="image-22b4ee3ae86a21063357b1d86c538758">
 <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-00dea877e138ca5e9d8c5f0243c4e145" class="lightbox-link">
+<a href="#image-309a90d0981d1d1a547e14b8925183e0" 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-00dea877e138ca5e9d8c5f0243c4e145">
+<a href="javascript:history.back();" class="lightbox" id="image-309a90d0981d1d1a547e14b8925183e0">
 <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-2c5471781dd49c6c66e9e49d422422f8" class="lightbox-link">
+<a href="#image-e11833ec89ab44bd7ef7f78d520fe5e7" 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-2c5471781dd49c6c66e9e49d422422f8">
+<a href="javascript:history.back();" class="lightbox" id="image-e11833ec89ab44bd7ef7f78d520fe5e7">
 <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-a74ef755736aea72d3656f7c92286bbf" class="lightbox-link">
+<a href="#image-ab82f03e6900917dfa436e8552521e9c" 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-a74ef755736aea72d3656f7c92286bbf">
+<a href="javascript:history.back();" class="lightbox" id="image-ab82f03e6900917dfa436e8552521e9c">
 <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-011ae0ffd55936762e37261ed5e39b8d" class="lightbox-link">
+<a href="#image-0b2d7f55300e098593dd4007ca2ed5ab" 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-011ae0ffd55936762e37261ed5e39b8d">
+<a href="javascript:history.back();" class="lightbox" id="image-0b2d7f55300e098593dd4007ca2ed5ab">
 <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-9d258fcef0d7cab680abdc4697068622" class="lightbox-link">
+<a href="#image-e1dab2d28b325916a6ec179707ac372b" 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-9d258fcef0d7cab680abdc4697068622">
+<a href="javascript:history.back();" class="lightbox" id="image-e1dab2d28b325916a6ec179707ac372b">
 <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-6d912433a0597870c5132a2be32dbe52" class="lightbox-link">
+<a href="#image-9cc2e036399804c3ecf2b8b44471d10a" 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-6d912433a0597870c5132a2be32dbe52">
+<a href="javascript:history.back();" class="lightbox" id="image-9cc2e036399804c3ecf2b8b44471d10a">
 <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-a99f7a4469e4f75590005553c977518a" class="lightbox-link">
+<a href="#image-9c61294e93482ddcb37269197c906b82" 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-a99f7a4469e4f75590005553c977518a">
+<a href="javascript:history.back();" class="lightbox" id="image-9c61294e93482ddcb37269197c906b82">
 <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-d7d89ed485539b5164039d3951fe07bb" class="lightbox-link">
+<a href="#image-8873ee54f1994ce85d4cfb398b3d52fc" 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-d7d89ed485539b5164039d3951fe07bb">
+<a href="javascript:history.back();" class="lightbox" id="image-8873ee54f1994ce85d4cfb398b3d52fc">
 <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-50d2ddb9b44b6a8e0e599acaaa7e2655" class="lightbox-link">
+<a href="#image-e7065bb9a8ca4740d8ba2197e2786d1c" 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-50d2ddb9b44b6a8e0e599acaaa7e2655">
+<a href="javascript:history.back();" class="lightbox" id="image-e7065bb9a8ca4740d8ba2197e2786d1c">
 <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-2c6b9211e18dc12ffb85536254cacbbe" class="lightbox-link">
+<a href="#image-5e845d47f40d1a13d702944e9c4709d3" 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-2c6b9211e18dc12ffb85536254cacbbe">
+<a href="javascript:history.back();" class="lightbox" id="image-5e845d47f40d1a13d702944e9c4709d3">
 <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-fa89709ecf12247e29bebd786d4c4d2a" class="lightbox-link">
+<a href="#image-e625d6ebd402a790903fc1297f78b365" 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-fa89709ecf12247e29bebd786d4c4d2a">
+<a href="javascript:history.back();" class="lightbox" id="image-e625d6ebd402a790903fc1297f78b365">
 <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-eb66a3a6f86830ea0bf91cec96e6bed5" class="lightbox-link">
+<a href="#image-8c33129e5661386e85a6134e1adee884" 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-eb66a3a6f86830ea0bf91cec96e6bed5">
+<a href="javascript:history.back();" class="lightbox" id="image-8c33129e5661386e85a6134e1adee884">
 <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-3db5fb6cf4b12cef6fa8ad39fdf5654b" class="lightbox-link">
+<a href="#image-f14d57fea7b8109731a457713b82120f" 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-3db5fb6cf4b12cef6fa8ad39fdf5654b">
+<a href="javascript:history.back();" class="lightbox" id="image-f14d57fea7b8109731a457713b82120f">
 <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-8a1b11db8ae81493d5811f7a30d01755" class="lightbox-link">
+<a href="#image-f5a8dcf647c522895fa81ebbe7c603b7" 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-8a1b11db8ae81493d5811f7a30d01755">
+<a href="javascript:history.back();" class="lightbox" id="image-f5a8dcf647c522895fa81ebbe7c603b7">
 <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?1691874880" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691874880" defer></script>
-    <script src="../../js/theme.js?1691874880" defer></script>
+    <script src="../../js/clipboard.min.js?1691877024" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691877024" defer></script>
+    <script src="../../js/theme.js?1691877024" defer></script>
   </body>
 </html>
diff --git a/cont/menushortcuts/index.html b/cont/menushortcuts/index.html
index 2ef98d50f4..2652a69abb 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691874879" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691874879" rel="stylesheet">
-    <link href="../../css/fonts.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691874879" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691874879" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691874879" rel="stylesheet">
-    <link href="../../css/print.css?1691874879" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1691874879" rel="stylesheet">
-    <script src="../../js/url.js?1691874879"></script>
-    <script src="../../js/variant.js?1691874879"></script>
+    <link href="../../css/fontawesome-all.min.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691877023" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691877023" rel="stylesheet">
+    <link href="../../css/fonts.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691877023" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691877023" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691877023" rel="stylesheet">
+    <link href="../../css/print.css?1691877023" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1691877023" rel="stylesheet">
+    <script src="../../js/url.js?1691877023"></script>
+    <script src="../../js/variant.js?1691877023"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -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?1691874879" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1691874879" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691874879" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1691874879" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1691874879" defer></script>
-        <script src="../../js/search.js?1691874879" defer></script>
+        <script src="../../js/auto-complete.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1691877023" defer></script>
+        <script src="../../js/search.js?1691877023" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -445,8 +445,7 @@ However, if you want to keep the title but change its value, it can be overridde
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -454,25 +453,37 @@ However, if you want to keep the title but change its value, it can be overridde
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../js/github-buttons.js?1691874879"></script>
+          <script async src="../../js/github-buttons.js?1691877023"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1691874879" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691874879" defer></script>
-    <script src="../../js/theme.js?1691874879" defer></script>
+    <script src="../../js/clipboard.min.js?1691877023" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691877023" defer></script>
+    <script src="../../js/theme.js?1691877023" defer></script>
   </body>
 </html>
diff --git a/cont/menushortcuts/index.print.html b/cont/menushortcuts/index.print.html
index 35284abc7a..7b256d1f51 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1691874880" rel="stylesheet">
-    <link href="../../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../../js/url.js?1691874880"></script>
-    <script src="../../js/variant.js?1691874880"></script>
+    <link href="../../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1691877024" rel="stylesheet">
+    <link href="../../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../../js/url.js?1691877024"></script>
+    <script src="../../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -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?1691874880" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691874880" defer></script>
-    <script src="../../js/theme.js?1691874880" defer></script>
+    <script src="../../js/clipboard.min.js?1691877024" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691877024" defer></script>
+    <script src="../../js/theme.js?1691877024" defer></script>
   </body>
 </html>
diff --git a/cont/pages/index.html b/cont/pages/index.html
index 6c684915ed..9b4bcf4399 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691874879" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691874879" rel="stylesheet">
-    <link href="../../css/fonts.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691874879" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691874879" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691874879" rel="stylesheet">
-    <link href="../../css/print.css?1691874879" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1691874879" rel="stylesheet">
-    <script src="../../js/url.js?1691874879"></script>
-    <script src="../../js/variant.js?1691874879"></script>
+    <link href="../../css/fontawesome-all.min.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691877023" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691877023" rel="stylesheet">
+    <link href="../../css/fonts.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691877023" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691877023" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691877023" rel="stylesheet">
+    <link href="../../css/print.css?1691877023" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1691877023" rel="stylesheet">
+    <script src="../../js/url.js?1691877023"></script>
+    <script src="../../js/variant.js?1691877023"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -181,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-198727ac583077cb53e9c93a8318eeee" class="lightbox-link">
+<a href="#image-cb210afbca362a0cb734122ea80de5c3" 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-198727ac583077cb53e9c93a8318eeee">
+<a href="javascript:history.back();" class="lightbox" id="image-cb210afbca362a0cb734122ea80de5c3">
 <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?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1691874880" defer></script>
-        <script src="../../js/search.js?1691874880" defer></script>
+        <script src="../../js/auto-complete.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1691877023" defer></script>
+        <script src="../../js/search.js?1691877023" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -434,8 +434,7 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -443,25 +442,37 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../js/github-buttons.js?1691874880"></script>
+          <script async src="../../js/github-buttons.js?1691877023"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1691874880" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691874880" defer></script>
-    <script src="../../js/theme.js?1691874880" defer></script>
+    <script src="../../js/clipboard.min.js?1691877023" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691877023" defer></script>
+    <script src="../../js/theme.js?1691877023" defer></script>
   </body>
 </html>
diff --git a/cont/pages/index.print.html b/cont/pages/index.print.html
index d3984264c9..63f5deb80d 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1691874880" rel="stylesheet">
-    <link href="../../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../../js/url.js?1691874880"></script>
-    <script src="../../js/variant.js?1691874880"></script>
+    <link href="../../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1691877024" rel="stylesheet">
+    <link href="../../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../../js/url.js?1691877024"></script>
+    <script src="../../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -147,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-198727ac583077cb53e9c93a8318eeee" class="lightbox-link">
+<a href="#image-cb210afbca362a0cb734122ea80de5c3" 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-198727ac583077cb53e9c93a8318eeee">
+<a href="javascript:history.back();" class="lightbox" id="image-cb210afbca362a0cb734122ea80de5c3">
 <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?1691874880" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691874880" defer></script>
-    <script src="../../js/theme.js?1691874880" defer></script>
+    <script src="../../js/clipboard.min.js?1691877024" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691877024" defer></script>
+    <script src="../../js/theme.js?1691877024" defer></script>
   </body>
 </html>
diff --git a/cont/taxonomy/index.html b/cont/taxonomy/index.html
index ff96d79dbe..c07ab257ec 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691874879" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691874879" rel="stylesheet">
-    <link href="../../css/fonts.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691874879" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691874879" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691874879" rel="stylesheet">
-    <link href="../../css/print.css?1691874879" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1691874879" rel="stylesheet">
-    <script src="../../js/url.js?1691874879"></script>
-    <script src="../../js/variant.js?1691874879"></script>
+    <link href="../../css/fontawesome-all.min.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691877023" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691877023" rel="stylesheet">
+    <link href="../../css/fonts.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691877023" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691877023" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691877023" rel="stylesheet">
+    <link href="../../css/print.css?1691877023" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1691877023" rel="stylesheet">
+    <script src="../../js/url.js?1691877023"></script>
+    <script src="../../js/variant.js?1691877023"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -214,12 +214,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1691874879" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1691874879" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691874879" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1691874879" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1691874879" defer></script>
-        <script src="../../js/search.js?1691874879" defer></script>
+        <script src="../../js/auto-complete.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1691877023" defer></script>
+        <script src="../../js/search.js?1691877023" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -349,8 +349,7 @@
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -358,25 +357,37 @@
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../js/github-buttons.js?1691874879"></script>
+          <script async src="../../js/github-buttons.js?1691877023"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1691874879" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691874879" defer></script>
-    <script src="../../js/theme.js?1691874879" defer></script>
+    <script src="../../js/clipboard.min.js?1691877023" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691877023" defer></script>
+    <script src="../../js/theme.js?1691877023" defer></script>
   </body>
 </html>
diff --git a/cont/taxonomy/index.print.html b/cont/taxonomy/index.print.html
index 2066a28cfd..3bcd82961e 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1691874880" rel="stylesheet">
-    <link href="../../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../../js/url.js?1691874880"></script>
-    <script src="../../js/variant.js?1691874880"></script>
+    <link href="../../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1691877024" rel="stylesheet">
+    <link href="../../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../../js/url.js?1691877024"></script>
+    <script src="../../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -110,8 +110,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1691874880" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691874880" defer></script>
-    <script src="../../js/theme.js?1691874880" defer></script>
+    <script src="../../js/clipboard.min.js?1691877024" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691877024" defer></script>
+    <script src="../../js/theme.js?1691877024" defer></script>
   </body>
 </html>
diff --git a/dev/contributing/index.html b/dev/contributing/index.html
index ef348fbcd3..59747da4a9 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691874879" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691874879" rel="stylesheet">
-    <link href="../../css/fonts.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691874879" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691874879" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691874879" rel="stylesheet">
-    <link href="../../css/print.css?1691874879" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1691874879" rel="stylesheet">
-    <script src="../../js/url.js?1691874879"></script>
-    <script src="../../js/variant.js?1691874879"></script>
+    <link href="../../css/fontawesome-all.min.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691877023" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691877023" rel="stylesheet">
+    <link href="../../css/fonts.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691877023" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691877023" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691877023" rel="stylesheet">
+    <link href="../../css/print.css?1691877023" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1691877023" rel="stylesheet">
+    <script src="../../js/url.js?1691877023"></script>
+    <script src="../../js/variant.js?1691877023"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -304,12 +304,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1691874880" defer></script>
-        <script src="../../js/search.js?1691874880" defer></script>
+        <script src="../../js/auto-complete.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1691877023" defer></script>
+        <script src="../../js/search.js?1691877023" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -443,8 +443,7 @@
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -452,25 +451,37 @@
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../js/github-buttons.js?1691874880"></script>
+          <script async src="../../js/github-buttons.js?1691877023"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1691874880" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691874880" defer></script>
-    <script src="../../js/theme.js?1691874880" defer></script>
+    <script src="../../js/clipboard.min.js?1691877023" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691877023" defer></script>
+    <script src="../../js/theme.js?1691877023" defer></script>
   </body>
 </html>
diff --git a/dev/contributing/index.print.html b/dev/contributing/index.print.html
index 93ec10a931..c5e2d09593 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1691874880" rel="stylesheet">
-    <link href="../../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../../js/url.js?1691874880"></script>
-    <script src="../../js/variant.js?1691874880"></script>
+    <link href="../../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1691877024" rel="stylesheet">
+    <link href="../../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../../js/url.js?1691877024"></script>
+    <script src="../../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -201,8 +201,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1691874880" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691874880" defer></script>
-    <script src="../../js/theme.js?1691874880" defer></script>
+    <script src="../../js/clipboard.min.js?1691877024" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691877024" defer></script>
+    <script src="../../js/theme.js?1691877024" defer></script>
   </body>
 </html>
diff --git a/dev/index.html b/dev/index.html
index 9739d11bd1..b8951f2a0e 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1691874879" rel="stylesheet">
-    <link href="../css/auto-complete.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1691874879" rel="stylesheet">
-    <link href="../css/fonts.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1691874879" rel="stylesheet">
-    <link href="../css/theme-auto.css?1691874879" rel="stylesheet" id="variant-style">
-    <link href="../css/variant.css?1691874879" rel="stylesheet">
-    <link href="../css/print.css?1691874879" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1691874879" rel="stylesheet">
-    <script src="../js/url.js?1691874879"></script>
-    <script src="../js/variant.js?1691874879"></script>
+    <link href="../css/fontawesome-all.min.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1691877023" rel="stylesheet">
+    <link href="../css/auto-complete.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1691877023" rel="stylesheet">
+    <link href="../css/fonts.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1691877023" rel="stylesheet">
+    <link href="../css/theme-auto.css?1691877023" rel="stylesheet" id="variant-style">
+    <link href="../css/variant.css?1691877023" rel="stylesheet">
+    <link href="../css/print.css?1691877023" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1691877023" rel="stylesheet">
+    <script src="../js/url.js?1691877023"></script>
+    <script src="../js/variant.js?1691877023"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -184,12 +184,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1691874880" defer></script>
-        <script src="../js/lunr/lunr.min.js?1691874880" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1691874880" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1691874880" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1691874880" defer></script>
-        <script src="../js/search.js?1691874880" defer></script>
+        <script src="../js/auto-complete.js?1691877023" defer></script>
+        <script src="../js/lunr/lunr.min.js?1691877023" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1691877023" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1691877023" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1691877023" defer></script>
+        <script src="../js/search.js?1691877023" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -323,8 +323,7 @@
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -332,25 +331,37 @@
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../js/github-buttons.js?1691874880"></script>
+          <script async src="../js/github-buttons.js?1691877023"></script>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1691874880" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1691874880" defer></script>
-    <script src="../js/theme.js?1691874880" defer></script>
+    <script src="../js/clipboard.min.js?1691877023" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1691877023" defer></script>
+    <script src="../js/theme.js?1691877023" defer></script>
   </body>
 </html>
diff --git a/dev/index.print.html b/dev/index.print.html
index 6cc18081c8..3e66ce57e3 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../css/format-print.css?1691874880" rel="stylesheet">
-    <link href="../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../js/url.js?1691874880"></script>
-    <script src="../js/variant.js?1691874880"></script>
+    <link href="../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../css/format-print.css?1691877024" rel="stylesheet">
+    <link href="../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../js/url.js?1691877024"></script>
+    <script src="../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -462,10 +462,10 @@
 <p>
 		
 		
-<a href="#image-30ea26338366b42330cdd7eacb3e22f7" class="lightbox-link">
+<a href="#image-a9cf4fefa245663d15b0a00a83288d93" 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-30ea26338366b42330cdd7eacb3e22f7">
+<a href="javascript:history.back();" class="lightbox" id="image-a9cf4fefa245663d15b0a00a83288d93">
 <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-2187cb8c20a2d419e4d628b39ec65be9" class="lightbox-link">
+<a href="#image-94b021e7dfeb5fb9e9c5ae3d1b547bd6" 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-2187cb8c20a2d419e4d628b39ec65be9">
+<a href="javascript:history.back();" class="lightbox" id="image-94b021e7dfeb5fb9e9c5ae3d1b547bd6">
 <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-b2e47faa691e773ca1161317797bb0b6" class="lightbox-link">
+<a href="#image-def133d5f55f31219bc77bf085511056" 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-b2e47faa691e773ca1161317797bb0b6">
+<a href="javascript:history.back();" class="lightbox" id="image-def133d5f55f31219bc77bf085511056">
 <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?1691874880" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1691874880" defer></script>
-    <script src="../js/theme.js?1691874880" defer></script>
+    <script src="../js/clipboard.min.js?1691877024" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1691877024" defer></script>
+    <script src="../js/theme.js?1691877024" defer></script>
   </body>
 </html>
diff --git a/dev/maintaining/index.html b/dev/maintaining/index.html
index 12f22f21c3..61669bb133 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691874879" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691874879" rel="stylesheet">
-    <link href="../../css/fonts.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691874879" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691874879" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691874879" rel="stylesheet">
-    <link href="../../css/print.css?1691874879" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1691874879" rel="stylesheet">
-    <script src="../../js/url.js?1691874879"></script>
-    <script src="../../js/variant.js?1691874879"></script>
+    <link href="../../css/fontawesome-all.min.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691877023" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691877023" rel="stylesheet">
+    <link href="../../css/fonts.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691877023" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691877023" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691877023" rel="stylesheet">
+    <link href="../../css/print.css?1691877023" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1691877023" rel="stylesheet">
+    <script src="../../js/url.js?1691877023"></script>
+    <script src="../../js/variant.js?1691877023"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -391,12 +391,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1691874880" defer></script>
-        <script src="../../js/search.js?1691874880" defer></script>
+        <script src="../../js/auto-complete.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1691877023" defer></script>
+        <script src="../../js/search.js?1691877023" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -530,8 +530,7 @@
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -539,25 +538,37 @@
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../js/github-buttons.js?1691874880"></script>
+          <script async src="../../js/github-buttons.js?1691877023"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1691874880" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691874880" defer></script>
-    <script src="../../js/theme.js?1691874880" defer></script>
+    <script src="../../js/clipboard.min.js?1691877023" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691877023" defer></script>
+    <script src="../../js/theme.js?1691877023" defer></script>
   </body>
 </html>
diff --git a/dev/maintaining/index.print.html b/dev/maintaining/index.print.html
index af39048d05..cb5b68cffe 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1691874880" rel="stylesheet">
-    <link href="../../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../../js/url.js?1691874880"></script>
-    <script src="../../js/variant.js?1691874880"></script>
+    <link href="../../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1691877024" rel="stylesheet">
+    <link href="../../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../../js/url.js?1691877024"></script>
+    <script src="../../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -277,8 +277,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1691874880" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691874880" defer></script>
-    <script src="../../js/theme.js?1691874880" defer></script>
+    <script src="../../js/clipboard.min.js?1691877024" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691877024" defer></script>
+    <script src="../../js/theme.js?1691877024" defer></script>
   </body>
 </html>
diff --git a/dev/screenshots/index.html b/dev/screenshots/index.html
index 81f683ab50..7c82c0e31e 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691874879" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691874879" rel="stylesheet">
-    <link href="../../css/fonts.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691874879" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691874879" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691874879" rel="stylesheet">
-    <link href="../../css/print.css?1691874879" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1691874879" rel="stylesheet">
-    <script src="../../js/url.js?1691874879"></script>
-    <script src="../../js/variant.js?1691874879"></script>
+    <link href="../../css/fontawesome-all.min.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691877023" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691877023" rel="stylesheet">
+    <link href="../../css/fonts.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691877023" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691877023" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691877023" rel="stylesheet">
+    <link href="../../css/print.css?1691877023" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1691877023" rel="stylesheet">
+    <script src="../../js/url.js?1691877023"></script>
+    <script src="../../js/variant.js?1691877023"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -145,10 +145,10 @@
 <p>
 		
 		
-<a href="#image-30ea26338366b42330cdd7eacb3e22f7" class="lightbox-link">
+<a href="#image-a9cf4fefa245663d15b0a00a83288d93" 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-30ea26338366b42330cdd7eacb3e22f7">
+<a href="javascript:history.back();" class="lightbox" id="image-a9cf4fefa245663d15b0a00a83288d93">
 <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-2187cb8c20a2d419e4d628b39ec65be9" class="lightbox-link">
+<a href="#image-94b021e7dfeb5fb9e9c5ae3d1b547bd6" 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-2187cb8c20a2d419e4d628b39ec65be9">
+<a href="javascript:history.back();" class="lightbox" id="image-94b021e7dfeb5fb9e9c5ae3d1b547bd6">
 <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-b2e47faa691e773ca1161317797bb0b6" class="lightbox-link">
+<a href="#image-def133d5f55f31219bc77bf085511056" 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-b2e47faa691e773ca1161317797bb0b6">
+<a href="javascript:history.back();" class="lightbox" id="image-def133d5f55f31219bc77bf085511056">
 <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?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1691874880" defer></script>
-        <script src="../../js/search.js?1691874880" defer></script>
+        <script src="../../js/auto-complete.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1691877023" defer></script>
+        <script src="../../js/search.js?1691877023" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -423,8 +423,7 @@
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -432,25 +431,37 @@
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../js/github-buttons.js?1691874880"></script>
+          <script async src="../../js/github-buttons.js?1691877023"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1691874880" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691874880" defer></script>
-    <script src="../../js/theme.js?1691874880" defer></script>
+    <script src="../../js/clipboard.min.js?1691877023" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691877023" defer></script>
+    <script src="../../js/theme.js?1691877023" defer></script>
   </body>
 </html>
diff --git a/dev/screenshots/index.print.html b/dev/screenshots/index.print.html
index 83bcd95ff5..4d32ca2c2e 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1691874880" rel="stylesheet">
-    <link href="../../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../../js/url.js?1691874880"></script>
-    <script src="../../js/variant.js?1691874880"></script>
+    <link href="../../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1691877024" rel="stylesheet">
+    <link href="../../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../../js/url.js?1691877024"></script>
+    <script src="../../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -109,10 +109,10 @@
 <p>
 		
 		
-<a href="#image-30ea26338366b42330cdd7eacb3e22f7" class="lightbox-link">
+<a href="#image-a9cf4fefa245663d15b0a00a83288d93" 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-30ea26338366b42330cdd7eacb3e22f7">
+<a href="javascript:history.back();" class="lightbox" id="image-a9cf4fefa245663d15b0a00a83288d93">
 <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-2187cb8c20a2d419e4d628b39ec65be9" class="lightbox-link">
+<a href="#image-94b021e7dfeb5fb9e9c5ae3d1b547bd6" 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-2187cb8c20a2d419e4d628b39ec65be9">
+<a href="javascript:history.back();" class="lightbox" id="image-94b021e7dfeb5fb9e9c5ae3d1b547bd6">
 <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-b2e47faa691e773ca1161317797bb0b6" class="lightbox-link">
+<a href="#image-def133d5f55f31219bc77bf085511056" 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-b2e47faa691e773ca1161317797bb0b6">
+<a href="javascript:history.back();" class="lightbox" id="image-def133d5f55f31219bc77bf085511056">
 <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?1691874880" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691874880" defer></script>
-    <script src="../../js/theme.js?1691874880" defer></script>
+    <script src="../../js/clipboard.min.js?1691877024" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691877024" defer></script>
+    <script src="../../js/theme.js?1691877024" defer></script>
   </body>
 </html>
diff --git a/index.html b/index.html
index 2c79c74d5a..f1ee54e888 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="./images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="./css/fontawesome-all.min.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1691874879" rel="stylesheet"></noscript>
-    <link href="./css/nucleus.css?1691874879" rel="stylesheet">
-    <link href="./css/auto-complete.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1691874879" rel="stylesheet"></noscript>
-    <link href="./css/perfect-scrollbar.min.css?1691874879" rel="stylesheet">
-    <link href="./css/fonts.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1691874879" rel="stylesheet"></noscript>
-    <link href="./css/theme.css?1691874879" rel="stylesheet">
-    <link href="./css/theme-auto.css?1691874879" rel="stylesheet" id="variant-style">
-    <link href="./css/variant.css?1691874879" rel="stylesheet">
-    <link href="./css/print.css?1691874879" rel="stylesheet" media="print">
-    <link href="./css/ie.css?1691874879" rel="stylesheet">
-    <script src="./js/url.js?1691874879"></script>
-    <script src="./js/variant.js?1691874879"></script>
+    <link href="./css/fontawesome-all.min.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1691877023" rel="stylesheet"></noscript>
+    <link href="./css/nucleus.css?1691877023" rel="stylesheet">
+    <link href="./css/auto-complete.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1691877023" rel="stylesheet"></noscript>
+    <link href="./css/perfect-scrollbar.min.css?1691877023" rel="stylesheet">
+    <link href="./css/fonts.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1691877023" rel="stylesheet"></noscript>
+    <link href="./css/theme.css?1691877023" rel="stylesheet">
+    <link href="./css/theme-auto.css?1691877023" rel="stylesheet" id="variant-style">
+    <link href="./css/variant.css?1691877023" rel="stylesheet">
+    <link href="./css/print.css?1691877023" rel="stylesheet" media="print">
+    <link href="./css/ie.css?1691877023" rel="stylesheet">
+    <script src="./js/url.js?1691877023"></script>
+    <script src="./js/variant.js?1691877023"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -107,10 +107,10 @@
 <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-ac3f3a7294ead0096af698c531bdce51" class="lightbox-link">
+<a href="#image-d8ac1c109b5d39f6016e70401b866238" 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-ac3f3a7294ead0096af698c531bdce51">
+<a href="javascript:history.back();" class="lightbox" id="image-d8ac1c109b5d39f6016e70401b866238">
 <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?1691874880" defer></script>
-        <script src="./js/lunr/lunr.min.js?1691874880" defer></script>
-        <script src="./js/lunr/lunr.stemmer.support.min.js?1691874880" defer></script>
-        <script src="./js/lunr/lunr.multi.min.js?1691874880" defer></script>
-        <script src="./js/lunr/lunr.en.min.js?1691874880" defer></script>
-        <script src="./js/search.js?1691874880" defer></script>
+        <script src="./js/auto-complete.js?1691877023" defer></script>
+        <script src="./js/lunr/lunr.min.js?1691877023" defer></script>
+        <script src="./js/lunr/lunr.stemmer.support.min.js?1691877023" defer></script>
+        <script src="./js/lunr/lunr.multi.min.js?1691877023" defer></script>
+        <script src="./js/lunr/lunr.en.min.js?1691877023" defer></script>
+        <script src="./js/search.js?1691877023" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -419,8 +419,7 @@
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -428,25 +427,37 @@
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="./js/github-buttons.js?1691874880"></script>
+          <script async src="./js/github-buttons.js?1691877023"></script>
         </div>
       </div>
     </aside>
-    <script src="./js/clipboard.min.js?1691874880" defer></script>
-    <script src="./js/perfect-scrollbar.min.js?1691874880" defer></script>
-    <script src="./js/theme.js?1691874880" defer></script>
+    <script src="./js/clipboard.min.js?1691877023" defer></script>
+    <script src="./js/perfect-scrollbar.min.js?1691877023" defer></script>
+    <script src="./js/theme.js?1691877023" defer></script>
   </body>
 </html>
diff --git a/index.print.html b/index.print.html
index a33fec0dac..7325977d15 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="./images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="./css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="./css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="./css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="./css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="./css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="./css/theme.css?1691874880" rel="stylesheet">
-    <link href="./css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="./css/variant.css?1691874880" rel="stylesheet">
-    <link href="./css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="./css/format-print.css?1691874880" rel="stylesheet">
-    <link href="./css/ie.css?1691874880" rel="stylesheet">
-    <script src="./js/url.js?1691874880"></script>
-    <script src="./js/variant.js?1691874880"></script>
+    <link href="./css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="./css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="./css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="./css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="./css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="./css/theme.css?1691877024" rel="stylesheet">
+    <link href="./css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="./css/variant.css?1691877024" rel="stylesheet">
+    <link href="./css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="./css/format-print.css?1691877024" rel="stylesheet">
+    <link href="./css/ie.css?1691877024" rel="stylesheet">
+    <script src="./js/url.js?1691877024"></script>
+    <script src="./js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -77,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-ac3f3a7294ead0096af698c531bdce51" class="lightbox-link">
+<a href="#image-d8ac1c109b5d39f6016e70401b866238" 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-ac3f3a7294ead0096af698c531bdce51">
+<a href="javascript:history.back();" class="lightbox" id="image-d8ac1c109b5d39f6016e70401b866238">
 <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>
@@ -902,10 +902,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-03086ff2283cafc37168d23a0a6c2405" class="lightbox-link">
+<a href="#image-22c29eb202a15148f7360e72a16e38e3" 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-03086ff2283cafc37168d23a0a6c2405">
+<a href="javascript:history.back();" class="lightbox" id="image-22c29eb202a15148f7360e72a16e38e3">
 <img src="./basics/requirements/magic.gif?classes=shadow" alt="Magic" class="lightbox-image" loading="lazy">
 </a></p>
 
@@ -952,10 +952,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-b83b7715b00eb27e6aa318bffb623270" class="lightbox-link">
+<a href="#image-c41db0af8c3d8d6346edcc5c791dccaa" 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-b83b7715b00eb27e6aa318bffb623270">
+<a href="javascript:history.back();" class="lightbox" id="image-c41db0af8c3d8d6346edcc5c791dccaa">
 <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>
@@ -1108,10 +1108,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-8a5f5fcd2c3a13c555bc548a49bf8a50" class="lightbox-link">
+<a href="#image-a311b12b153535d9c89aba3fa66ac4ef" 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-8a5f5fcd2c3a13c555bc548a49bf8a50">
+<a href="javascript:history.back();" class="lightbox" id="image-a311b12b153535d9c89aba3fa66ac4ef">
 <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>
@@ -1160,10 +1160,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-fd9ab0563c52e00e918b4849689b90d2" class="lightbox-link">
+<a href="#image-069a4a8a857e21ade9aa10fb444d5c72" 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-fd9ab0563c52e00e918b4849689b90d2">
+<a href="javascript:history.back();" class="lightbox" id="image-069a4a8a857e21ade9aa10fb444d5c72">
 <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>
 
@@ -1286,13 +1286,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-5125a5b9bc184b39ceb0d81a029a2411" aria-controls="expandcontent-5125a5b9bc184b39ceb0d81a029a2411" >
-    <label class="expand-label" for="expand-5125a5b9bc184b39ceb0d81a029a2411" >
+    <input type="checkbox" id="expand-7facea7ba616f530983def7c3f46f494" aria-controls="expandcontent-7facea7ba616f530983def7c3f46f494" >
+    <label class="expand-label" for="expand-7facea7ba616f530983def7c3f46f494" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show usage instructions
     </label>
-    <div id="expandcontent-5125a5b9bc184b39ceb0d81a029a2411" class="expand-content">
+    <div id="expandcontent-7facea7ba616f530983def7c3f46f494" 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>
@@ -2621,10 +2621,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-198727ac583077cb53e9c93a8318eeee" class="lightbox-link">
+<a href="#image-cb210afbca362a0cb734122ea80de5c3" 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-198727ac583077cb53e9c93a8318eeee">
+<a href="javascript:history.back();" class="lightbox" id="image-cb210afbca362a0cb734122ea80de5c3">
 <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>
@@ -2671,10 +2671,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-38c549780064fc7ad3053ddc07c538a9" class="lightbox-link">
+<a href="#image-56fd0478f528922922e719568671e965" 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-38c549780064fc7ad3053ddc07c538a9">
+<a href="javascript:history.back();" class="lightbox" id="image-56fd0478f528922922e719568671e965">
 <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>
@@ -2688,10 +2688,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-6b1481d20d59f80ca79519e1bd6d8ba3" class="lightbox-link">
+<a href="#image-5b2bae5ffd8a96272e967f1d37b4e8b9" 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-6b1481d20d59f80ca79519e1bd6d8ba3">
+<a href="javascript:history.back();" class="lightbox" id="image-5b2bae5ffd8a96272e967f1d37b4e8b9">
 <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>
@@ -2707,10 +2707,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-4a9c4bf6fb8a133f0321c80536a41a2b" class="lightbox-link">
+<a href="#image-6d0f7139d644aa340e903bb6e18f36a8" 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-4a9c4bf6fb8a133f0321c80536a41a2b">
+<a href="javascript:history.back();" class="lightbox" id="image-6d0f7139d644aa340e903bb6e18f36a8">
 <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>
@@ -3285,10 +3285,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-4d5a89f93b9ddbc4738fd502a27b3a75" class="lightbox-link">
+<a href="#image-22b4ee3ae86a21063357b1d86c538758" 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-4d5a89f93b9ddbc4738fd502a27b3a75">
+<a href="javascript:history.back();" class="lightbox" id="image-22b4ee3ae86a21063357b1d86c538758">
 <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>
@@ -3302,10 +3302,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-00dea877e138ca5e9d8c5f0243c4e145" class="lightbox-link">
+<a href="#image-309a90d0981d1d1a547e14b8925183e0" 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-00dea877e138ca5e9d8c5f0243c4e145">
+<a href="javascript:history.back();" class="lightbox" id="image-309a90d0981d1d1a547e14b8925183e0">
 <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>
@@ -3321,10 +3321,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-2c5471781dd49c6c66e9e49d422422f8" class="lightbox-link">
+<a href="#image-e11833ec89ab44bd7ef7f78d520fe5e7" 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-2c5471781dd49c6c66e9e49d422422f8">
+<a href="javascript:history.back();" class="lightbox" id="image-e11833ec89ab44bd7ef7f78d520fe5e7">
 <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>
@@ -3340,10 +3340,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-a74ef755736aea72d3656f7c92286bbf" class="lightbox-link">
+<a href="#image-ab82f03e6900917dfa436e8552521e9c" 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-a74ef755736aea72d3656f7c92286bbf">
+<a href="javascript:history.back();" class="lightbox" id="image-ab82f03e6900917dfa436e8552521e9c">
 <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>
@@ -3355,10 +3355,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-011ae0ffd55936762e37261ed5e39b8d" class="lightbox-link">
+<a href="#image-0b2d7f55300e098593dd4007ca2ed5ab" 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-011ae0ffd55936762e37261ed5e39b8d">
+<a href="javascript:history.back();" class="lightbox" id="image-0b2d7f55300e098593dd4007ca2ed5ab">
 <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>
@@ -3371,10 +3371,10 @@ line 3 of code
 <p>
 		
 		
-<a href="#image-9d258fcef0d7cab680abdc4697068622" class="lightbox-link">
+<a href="#image-e1dab2d28b325916a6ec179707ac372b" 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-9d258fcef0d7cab680abdc4697068622">
+<a href="javascript:history.back();" class="lightbox" id="image-e1dab2d28b325916a6ec179707ac372b">
 <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>
@@ -3389,10 +3389,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-6d912433a0597870c5132a2be32dbe52" class="lightbox-link">
+<a href="#image-9cc2e036399804c3ecf2b8b44471d10a" 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-6d912433a0597870c5132a2be32dbe52">
+<a href="javascript:history.back();" class="lightbox" id="image-9cc2e036399804c3ecf2b8b44471d10a">
 <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>
@@ -3405,10 +3405,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-a99f7a4469e4f75590005553c977518a" class="lightbox-link">
+<a href="#image-9c61294e93482ddcb37269197c906b82" 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-a99f7a4469e4f75590005553c977518a">
+<a href="javascript:history.back();" class="lightbox" id="image-9c61294e93482ddcb37269197c906b82">
 <img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border" alt="DrOctocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -3421,10 +3421,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-d7d89ed485539b5164039d3951fe07bb" class="lightbox-link">
+<a href="#image-8873ee54f1994ce85d4cfb398b3d52fc" 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-d7d89ed485539b5164039d3951fe07bb">
+<a href="javascript:history.back();" class="lightbox" id="image-8873ee54f1994ce85d4cfb398b3d52fc">
 <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>
@@ -3437,10 +3437,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-50d2ddb9b44b6a8e0e599acaaa7e2655" class="lightbox-link">
+<a href="#image-e7065bb9a8ca4740d8ba2197e2786d1c" 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-50d2ddb9b44b6a8e0e599acaaa7e2655">
+<a href="javascript:history.back();" class="lightbox" id="image-e7065bb9a8ca4740d8ba2197e2786d1c">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -3456,34 +3456,34 @@ line 3 of code
 
 <p>
 		
-<a href="#image-2c6b9211e18dc12ffb85536254cacbbe" class="lightbox-link">
+<a href="#image-5e845d47f40d1a13d702944e9c4709d3" 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-2c6b9211e18dc12ffb85536254cacbbe">
+<a href="javascript:history.back();" class="lightbox" id="image-5e845d47f40d1a13d702944e9c4709d3">
 <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-fa89709ecf12247e29bebd786d4c4d2a" class="lightbox-link">
+<a href="#image-e625d6ebd402a790903fc1297f78b365" 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-fa89709ecf12247e29bebd786d4c4d2a">
+<a href="javascript:history.back();" class="lightbox" id="image-e625d6ebd402a790903fc1297f78b365">
 <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-eb66a3a6f86830ea0bf91cec96e6bed5" class="lightbox-link">
+<a href="#image-8c33129e5661386e85a6134e1adee884" 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-eb66a3a6f86830ea0bf91cec96e6bed5">
+<a href="javascript:history.back();" class="lightbox" id="image-8c33129e5661386e85a6134e1adee884">
 <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-3db5fb6cf4b12cef6fa8ad39fdf5654b" class="lightbox-link">
+<a href="#image-f14d57fea7b8109731a457713b82120f" 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-3db5fb6cf4b12cef6fa8ad39fdf5654b">
+<a href="javascript:history.back();" class="lightbox" id="image-f14d57fea7b8109731a457713b82120f">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -3496,10 +3496,10 @@ line 3 of code
 
 <p>
 		
-<a href="#image-8a1b11db8ae81493d5811f7a30d01755" class="lightbox-link">
+<a href="#image-f5a8dcf647c522895fa81ebbe7c603b7" 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-8a1b11db8ae81493d5811f7a30d01755">
+<a href="javascript:history.back();" class="lightbox" id="image-f5a8dcf647c522895fa81ebbe7c603b7">
 <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>
@@ -3668,10 +3668,10 @@ However, if you want to keep the title but change its value, it can be overridde
 </ul>
 <p>
 		
-<a href="#image-d4fdaeddde53dcf4b80493b0b514f148" class="lightbox-link">
+<a href="#image-e0c7731d3904711bc762b0e245abdce6" 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-d4fdaeddde53dcf4b80493b0b514f148">
+<a href="javascript:history.back();" class="lightbox" id="image-e0c7731d3904711bc762b0e245abdce6">
 <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>
@@ -5064,13 +5064,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-c31d9c8b009fa2bd69b4c4198fdb7d1a" aria-controls="expandcontent-c31d9c8b009fa2bd69b4c4198fdb7d1a" >
-    <label class="expand-label" for="expand-c31d9c8b009fa2bd69b4c4198fdb7d1a" >
+    <input type="checkbox" id="expand-2b133b7204aa2a48626db983a309ccd2" aria-controls="expandcontent-2b133b7204aa2a48626db983a309ccd2" >
+    <label class="expand-label" for="expand-2b133b7204aa2a48626db983a309ccd2" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-c31d9c8b009fa2bd69b4c4198fdb7d1a" class="expand-content">
+    <div id="expandcontent-2b133b7204aa2a48626db983a309ccd2" 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>
@@ -5197,26 +5197,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-6c44ff89f00dcecfa6a4b368d01ff625" aria-controls="expandcontent-6c44ff89f00dcecfa6a4b368d01ff625" >
-    <label class="expand-label" for="expand-6c44ff89f00dcecfa6a4b368d01ff625" >
+    <input type="checkbox" id="expand-11f0628af9b58827d83c3c41b09db8db" aria-controls="expandcontent-11f0628af9b58827d83c3c41b09db8db" >
+    <label class="expand-label" for="expand-11f0628af9b58827d83c3c41b09db8db" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-6c44ff89f00dcecfa6a4b368d01ff625" class="expand-content">
+    <div id="expandcontent-11f0628af9b58827d83c3c41b09db8db" 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-3d3af7da1287cea1606f76b3154b1df3" aria-controls="expandcontent-3d3af7da1287cea1606f76b3154b1df3"  checked>
-    <label class="expand-label" for="expand-3d3af7da1287cea1606f76b3154b1df3" >
+    <input type="checkbox" id="expand-1b0a567c5b681efd2f102ee44543f1b5" aria-controls="expandcontent-1b0a567c5b681efd2f102ee44543f1b5"  checked>
+    <label class="expand-label" for="expand-1b0a567c5b681efd2f102ee44543f1b5" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-3d3af7da1287cea1606f76b3154b1df3" class="expand-content">
+    <div id="expandcontent-1b0a567c5b681efd2f102ee44543f1b5" class="expand-content">
 <p>
 No need to press you!</div>
 </div>
@@ -5237,13 +5237,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-eac63b3b5b7063f048dea280b6c9b328" aria-controls="expandcontent-eac63b3b5b7063f048dea280b6c9b328" >
-    <label class="expand-label" for="expand-eac63b3b5b7063f048dea280b6c9b328" >
+    <input type="checkbox" id="expand-39b51fe86654bb040e7043f384ed708a" aria-controls="expandcontent-39b51fe86654bb040e7043f384ed708a" >
+    <label class="expand-label" for="expand-39b51fe86654bb040e7043f384ed708a" >
         <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-eac63b3b5b7063f048dea280b6c9b328" class="expand-content">
+    <div id="expandcontent-39b51fe86654bb040e7043f384ed708a" class="expand-content">
 
 <p>You can add standard markdown syntax:</p>
 <ul>
@@ -6989,7 +6989,7 @@ Electricity grid,H2 conversion,27.14
 <div class="sc-openapi-wrapper is-loading helper-loading-container">
   <div
     class="sc-openapi-container"
-    id="openapi-48af792c94126412360b8e5a7579611e"
+    id="openapi-8eac61505c858d067b818ef5c6db3181"
     openapi-url="./shortcodes/openapi/petstore.json"
   ></div>
 </div>
@@ -7095,13 +7095,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="87afc46aacf3719466d5bb2fa02a4bb2">
+<div class="tab-panel" data-tab-group="a1e616229cb29296b53d6f19c1343a66">
   <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('87afc46aacf3719466d5bb2fa02a4bb2','config.toml')"
+      onclick="switchTab('a1e616229cb29296b53d6f19c1343a66','config.toml')"
     >
       <div>
         <div class="tab-nav-hidden">config.toml</div>
@@ -7137,13 +7137,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="f85a61c5e9f2ac5de4670376032d7e0b">
+<div class="tab-panel" data-tab-group="7df3665f01fcedc696c03c272cda2556">
   <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('f85a61c5e9f2ac5de4670376032d7e0b','c')"
+      onclick="switchTab('7df3665f01fcedc696c03c272cda2556','c')"
     >
       <div>
         <div class="tab-nav-hidden">c</div>
@@ -7253,13 +7253,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="1f069c348b257cf960898c481c33b557">
+<div class="tab-panel" data-tab-group="510b148f3078013e569dfca5a9a03917">
   <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('1f069c348b257cf960898c481c33b557','Code')"
+      onclick="switchTab('510b148f3078013e569dfca5a9a03917','Code')"
     >
       <div>
         <div class="tab-nav-hidden">Code</div>
@@ -7279,13 +7279,13 @@ Electricity grid,H2 conversion,27.14
 </div>
 <h3 id="mixed-markdown-content">Mixed Markdown Content</h3>
 
-<div class="tab-panel" data-tab-group="c369d618eca1471c4fb6fdff24b87296">
+<div class="tab-panel" data-tab-group="c900555003ffafa5e34094e3164f1244">
   <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('c369d618eca1471c4fb6fdff24b87296','Mixed')"
+      onclick="switchTab('c900555003ffafa5e34094e3164f1244','Mixed')"
     >
       <div>
         <div class="tab-nav-hidden"><em><strong>Mixed</strong></em></div>
@@ -7333,13 +7333,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="d2a189c9436440a65f7001f31d479f00">
+<div class="tab-panel" data-tab-group="6b6ac694e57cf8cf35cb77257f4b62ea">
   <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('d2a189c9436440a65f7001f31d479f00','just colored style')"
+      onclick="switchTab('6b6ac694e57cf8cf35cb77257f4b62ea','just colored style')"
     >
       <div>
         <div class="tab-nav-hidden">just colored style</div>
@@ -7349,7 +7349,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('d2a189c9436440a65f7001f31d479f00','just color')"
+      onclick="switchTab('6b6ac694e57cf8cf35cb77257f4b62ea','just color')"
     >
       <div>
         <div class="tab-nav-hidden">just color</div>
@@ -7359,7 +7359,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('d2a189c9436440a65f7001f31d479f00','default style and color')"
+      onclick="switchTab('6b6ac694e57cf8cf35cb77257f4b62ea','default style and color')"
     >
       <div>
         <div class="tab-nav-hidden">default style and color</div>
@@ -7369,7 +7369,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('d2a189c9436440a65f7001f31d479f00','just severity stylefa-fw fas fa-info-circle')"
+      onclick="switchTab('6b6ac694e57cf8cf35cb77257f4b62ea','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>
@@ -7379,7 +7379,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('d2a189c9436440a65f7001f31d479f00','severity style and colorfa-fw fas fa-info-circle')"
+      onclick="switchTab('6b6ac694e57cf8cf35cb77257f4b62ea','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>
@@ -7450,13 +7450,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="ae1eb891366afe0104628acc6f8fb4b0">
+<div class="tab-panel" data-tab-group="827c383ee8f05fe725bb573c7f07815b">
   <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('ae1eb891366afe0104628acc6f8fb4b0','py')"
+      onclick="switchTab('827c383ee8f05fe725bb573c7f07815b','py')"
     >
       <div>
         <div class="tab-nav-hidden">py</div>
@@ -7466,7 +7466,7 @@ Electricity grid,H2 conversion,27.14
     <button
       data-tab-item="sh"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('ae1eb891366afe0104628acc6f8fb4b0','sh')"
+      onclick="switchTab('827c383ee8f05fe725bb573c7f07815b','sh')"
     >
       <div>
         <div class="tab-nav-hidden">sh</div>
@@ -7476,7 +7476,7 @@ Electricity grid,H2 conversion,27.14
     <button
       data-tab-item="c"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('ae1eb891366afe0104628acc6f8fb4b0','c')"
+      onclick="switchTab('827c383ee8f05fe725bb573c7f07815b','c')"
     >
       <div>
         <div class="tab-nav-hidden">c</div>
@@ -7633,13 +7633,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="fb418757accd24f83de405bf2c9ef8e3">
+<div class="tab-panel" data-tab-group="aba94e3332baf919a6575cd7caa0f7b9">
   <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('fb418757accd24f83de405bf2c9ef8e3','Group A, Tab View 1')"
+      onclick="switchTab('aba94e3332baf919a6575cd7caa0f7b9','Group A, Tab View 1')"
     >
       <div>
         <div class="tab-nav-hidden">Group A, Tab View 1</div>
@@ -7649,7 +7649,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('fb418757accd24f83de405bf2c9ef8e3','Group A, Tab View 2')"
+      onclick="switchTab('aba94e3332baf919a6575cd7caa0f7b9','Group A, Tab View 2')"
     >
       <div>
         <div class="tab-nav-hidden">Group A, Tab View 2</div>
@@ -7659,7 +7659,7 @@ Electricity grid,H2 conversion,27.14
     <button
       data-tab-item="Group B"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('fb418757accd24f83de405bf2c9ef8e3','Group B')"
+      onclick="switchTab('aba94e3332baf919a6575cd7caa0f7b9','Group B')"
     >
       <div>
         <div class="tab-nav-hidden">Group B</div>
@@ -8059,8 +8059,8 @@ Electricity grid,H2 conversion,27.14
         </div>
       </main>
     </div>
-    <script src="./js/clipboard.min.js?1691874880" defer></script>
-    <script src="./js/perfect-scrollbar.min.js?1691874880" defer></script>
+    <script src="./js/clipboard.min.js?1691877024" defer></script>
+    <script src="./js/perfect-scrollbar.min.js?1691877024" defer></script>
     <script>
       function useMathJax( config ){
         if( !Object.assign ){
@@ -8089,27 +8089,27 @@ Electricity grid,H2 conversion,27.14
       }
       useMathJax( JSON.parse("{}") );
     </script>
-    <script id="MathJax-script" async src="./js/mathjax/tex-mml-chtml.js?1691874880"></script>
-    <script src="./js/d3/d3-color.min.js?1691874880" defer></script>
-    <script src="./js/d3/d3-dispatch.min.js?1691874880" defer></script>
-    <script src="./js/d3/d3-drag.min.js?1691874880" defer></script>
-    <script src="./js/d3/d3-ease.min.js?1691874880" defer></script>
-    <script src="./js/d3/d3-interpolate.min.js?1691874880" defer></script>
-    <script src="./js/d3/d3-selection.min.js?1691874880" defer></script>
-    <script src="./js/d3/d3-timer.min.js?1691874880" defer></script>
-    <script src="./js/d3/d3-transition.min.js?1691874880" defer></script>
-    <script src="./js/d3/d3-zoom.min.js?1691874880" defer></script>
-    <script src="./js/js-yaml.min.js?1691874880" defer></script>
-    <script src="./js/mermaid.min.js?1691874880" defer></script>
+    <script id="MathJax-script" async src="./js/mathjax/tex-mml-chtml.js?1691877024"></script>
+    <script src="./js/d3/d3-color.min.js?1691877024" defer></script>
+    <script src="./js/d3/d3-dispatch.min.js?1691877024" defer></script>
+    <script src="./js/d3/d3-drag.min.js?1691877024" defer></script>
+    <script src="./js/d3/d3-ease.min.js?1691877024" defer></script>
+    <script src="./js/d3/d3-interpolate.min.js?1691877024" defer></script>
+    <script src="./js/d3/d3-selection.min.js?1691877024" defer></script>
+    <script src="./js/d3/d3-timer.min.js?1691877024" defer></script>
+    <script src="./js/d3/d3-transition.min.js?1691877024" defer></script>
+    <script src="./js/d3/d3-zoom.min.js?1691877024" defer></script>
+    <script src="./js/js-yaml.min.js?1691877024" defer></script>
+    <script src="./js/mermaid.min.js?1691877024" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
     <script>window.noZensmooth = true;</script>
-    <script src="./js/swagger-ui/swagger-ui-bundle.js?1691874880" defer></script>
-    <script src="./js/swagger-ui/swagger-ui-standalone-preset.js?1691874880" defer></script>
+    <script src="./js/swagger-ui/swagger-ui-bundle.js?1691877024" defer></script>
+    <script src="./js/swagger-ui/swagger-ui-standalone-preset.js?1691877024" defer></script>
     <script>
-      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1691874880", assetsBuster:  1691874880  };
+      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1691877024", assetsBuster:  1691877024  };
     </script>
-    <script src="./js/theme.js?1691874880" defer></script>
+    <script src="./js/theme.js?1691877024" defer></script>
   </body>
 </html>
diff --git a/more/credits/index.html b/more/credits/index.html
index a9b3ac1940..186fa80c57 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691874879" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691874879" rel="stylesheet">
-    <link href="../../css/fonts.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691874879" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691874879" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691874879" rel="stylesheet">
-    <link href="../../css/print.css?1691874879" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1691874879" rel="stylesheet">
-    <script src="../../js/url.js?1691874879"></script>
-    <script src="../../js/variant.js?1691874879"></script>
+    <link href="../../css/fontawesome-all.min.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691877023" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691877023" rel="stylesheet">
+    <link href="../../css/fonts.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691877023" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691877023" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691877023" rel="stylesheet">
+    <link href="../../css/print.css?1691877023" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1691877023" rel="stylesheet">
+    <script src="../../js/url.js?1691877023"></script>
+    <script src="../../js/variant.js?1691877023"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -244,12 +244,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1691874880" defer></script>
-        <script src="../../js/search.js?1691874880" defer></script>
+        <script src="../../js/auto-complete.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1691877023" defer></script>
+        <script src="../../js/search.js?1691877023" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -379,8 +379,7 @@
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -388,25 +387,37 @@
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../js/github-buttons.js?1691874880"></script>
+          <script async src="../../js/github-buttons.js?1691877023"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1691874880" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691874880" defer></script>
-    <script src="../../js/theme.js?1691874880" defer></script>
+    <script src="../../js/clipboard.min.js?1691877023" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691877023" defer></script>
+    <script src="../../js/theme.js?1691877023" defer></script>
   </body>
 </html>
diff --git a/more/credits/index.print.html b/more/credits/index.print.html
index 7d4d878d98..1d8d935195 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1691874880" rel="stylesheet">
-    <link href="../../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../../js/url.js?1691874880"></script>
-    <script src="../../js/variant.js?1691874880"></script>
+    <link href="../../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1691877024" rel="stylesheet">
+    <link href="../../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../../js/url.js?1691877024"></script>
+    <script src="../../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -139,8 +139,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1691874880" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691874880" defer></script>
-    <script src="../../js/theme.js?1691874880" defer></script>
+    <script src="../../js/clipboard.min.js?1691877024" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691877024" defer></script>
+    <script src="../../js/theme.js?1691877024" defer></script>
   </body>
 </html>
diff --git a/pir/404.html b/pir/404.html
index fadd0ae523..377d8ee253 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../js/url.js?1691874880"></script>
-    <script src="../js/variant.js?1691874880"></script>
+    <link href="../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../js/url.js?1691877024"></script>
+    <script src="../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
diff --git a/pir/basics/configuration/index.html b/pir/basics/configuration/index.html
index ca306fa37a..00a394c048 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../../../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../../../js/url.js?1691874880"></script>
-    <script src="../../../js/variant.js?1691874880"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../../../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../../../js/url.js?1691877024"></script>
+    <script src="../../../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -233,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-7aa24dcc03b3a73cef09c6e8d580aecd" class="lightbox-link">
+<a href="#image-3270482028532a82b64c63036eb86eee" 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-7aa24dcc03b3a73cef09c6e8d580aecd">
+<a href="javascript:history.back();" class="lightbox" id="image-3270482028532a82b64c63036eb86eee">
 <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-61847305cb75a834de242f4d57cc1711" class="lightbox-link">
+<a href="#image-4f93671d52b2f81aa7c9a355706cca2a" 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-61847305cb75a834de242f4d57cc1711">
+<a href="javascript:history.back();" class="lightbox" id="image-4f93671d52b2f81aa7c9a355706cca2a">
 <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?1691874882" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1691874882" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691874882" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1691874882" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1691874882" defer></script>
-        <script src="../../../js/search.js?1691874882" defer></script>
+        <script src="../../../js/auto-complete.js?1691877025" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1691877025" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691877025" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1691877025" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1691877025" defer></script>
+        <script src="../../../js/search.js?1691877025" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -513,8 +513,7 @@ default values:</p>
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -522,25 +521,37 @@ default values:</p>
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1691874882"></script>
+          <script async src="../../../js/github-buttons.js?1691877025"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1691874882" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691874882" defer></script>
-    <script src="../../../js/theme.js?1691874882" defer></script>
+    <script src="../../../js/clipboard.min.js?1691877025" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691877025" defer></script>
+    <script src="../../../js/theme.js?1691877025" defer></script>
   </body>
 </html>
diff --git a/pir/basics/configuration/index.print.html b/pir/basics/configuration/index.print.html
index 3eee2d50f6..91d0541c24 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691874883" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691874883" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691874883" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691874883" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691874883" rel="stylesheet">
-    <link href="../../../css/print.css?1691874883" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1691874883" rel="stylesheet">
-    <link href="../../../css/ie.css?1691874883" rel="stylesheet">
-    <script src="../../../js/url.js?1691874883"></script>
-    <script src="../../../js/variant.js?1691874883"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691877026" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691877026" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691877026" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691877026" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691877026" rel="stylesheet">
+    <link href="../../../css/print.css?1691877026" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1691877026" rel="stylesheet">
+    <link href="../../../css/ie.css?1691877026" rel="stylesheet">
+    <script src="../../../js/url.js?1691877026"></script>
+    <script src="../../../js/variant.js?1691877026"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -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-7aa24dcc03b3a73cef09c6e8d580aecd" class="lightbox-link">
+<a href="#image-3270482028532a82b64c63036eb86eee" 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-7aa24dcc03b3a73cef09c6e8d580aecd">
+<a href="javascript:history.back();" class="lightbox" id="image-3270482028532a82b64c63036eb86eee">
 <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-61847305cb75a834de242f4d57cc1711" class="lightbox-link">
+<a href="#image-4f93671d52b2f81aa7c9a355706cca2a" 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-61847305cb75a834de242f4d57cc1711">
+<a href="javascript:history.back();" class="lightbox" id="image-4f93671d52b2f81aa7c9a355706cca2a">
 <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?1691874883" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691874883" defer></script>
-    <script src="../../../js/theme.js?1691874883" defer></script>
+    <script src="../../../js/clipboard.min.js?1691877026" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691877026" defer></script>
+    <script src="../../../js/theme.js?1691877026" defer></script>
   </body>
 </html>
diff --git a/pir/basics/customization/index.html b/pir/basics/customization/index.html
index 6ccf44c0fd..5327ed0812 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../../../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../../../js/url.js?1691874880"></script>
-    <script src="../../../js/variant.js?1691874880"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../../../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../../../js/url.js?1691877024"></script>
+    <script src="../../../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -295,12 +295,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?1691874882" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1691874882" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691874882" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1691874882" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1691874882" defer></script>
-        <script src="../../../js/search.js?1691874882" defer></script>
+        <script src="../../../js/auto-complete.js?1691877025" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1691877025" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691877025" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1691877025" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1691877025" defer></script>
+        <script src="../../../js/search.js?1691877025" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -430,8 +430,7 @@ If ye have requirements t' support IE and/or older browser versions, use one o'
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -439,25 +438,37 @@ If ye have requirements t' support IE and/or older browser versions, use one o'
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1691874882"></script>
+          <script async src="../../../js/github-buttons.js?1691877025"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1691874882" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691874882" defer></script>
-    <script src="../../../js/theme.js?1691874882" defer></script>
+    <script src="../../../js/clipboard.min.js?1691877025" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691877025" defer></script>
+    <script src="../../../js/theme.js?1691877025" defer></script>
   </body>
 </html>
diff --git a/pir/basics/customization/index.print.html b/pir/basics/customization/index.print.html
index 484e130385..9f995213ee 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691874883" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691874883" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691874883" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691874883" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691874883" rel="stylesheet">
-    <link href="../../../css/print.css?1691874883" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1691874883" rel="stylesheet">
-    <link href="../../../css/ie.css?1691874883" rel="stylesheet">
-    <script src="../../../js/url.js?1691874883"></script>
-    <script src="../../../js/variant.js?1691874883"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691877026" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691877026" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691877026" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691877026" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691877026" rel="stylesheet">
+    <link href="../../../css/print.css?1691877026" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1691877026" rel="stylesheet">
+    <link href="../../../css/ie.css?1691877026" rel="stylesheet">
+    <script src="../../../js/url.js?1691877026"></script>
+    <script src="../../../js/variant.js?1691877026"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -182,8 +182,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?1691874883" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691874883" defer></script>
-    <script src="../../../js/theme.js?1691874883" defer></script>
+    <script src="../../../js/clipboard.min.js?1691877026" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691877026" defer></script>
+    <script src="../../../js/theme.js?1691877026" defer></script>
   </body>
 </html>
diff --git a/pir/basics/generator/index.html b/pir/basics/generator/index.html
index 5a35714a6b..2cb0283e7b 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../../../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../../../js/url.js?1691874880"></script>
-    <script src="../../../js/variant.js?1691874880"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../../../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../../../js/url.js?1691877024"></script>
+    <script src="../../../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -95,13 +95,13 @@
 <p>This interactive tool may help ye t' generate yer own color variant stylesheet.</p>
 
 <div class="expand">
-    <input type="checkbox" id="expand-00c979b551228cdad76895eb640fc8b6" aria-controls="expandcontent-00c979b551228cdad76895eb640fc8b6" >
-    <label class="expand-label" for="expand-00c979b551228cdad76895eb640fc8b6" >
+    <input type="checkbox" id="expand-6eaa6ecd1a799b0eb23c50b775a807df" aria-controls="expandcontent-6eaa6ecd1a799b0eb23c50b775a807df" >
+    <label class="expand-label" for="expand-6eaa6ecd1a799b0eb23c50b775a807df" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show usage instruct'ns
     </label>
-    <div id="expandcontent-00c979b551228cdad76895eb640fc8b6" class="expand-content">
+    <div id="expandcontent-6eaa6ecd1a799b0eb23c50b775a807df" 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?1691874882" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1691874882" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691874882" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1691874882" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1691874882" defer></script>
-        <script src="../../../js/search.js?1691874882" defer></script>
+        <script src="../../../js/auto-complete.js?1691877025" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1691877025" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691877025" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1691877025" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1691877025" defer></script>
+        <script src="../../../js/search.js?1691877025" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -368,8 +368,7 @@ window.variants && variants.generator( '#vargenerator' );
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -377,39 +376,51 @@ window.variants && variants.generator( '#vargenerator' );
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1691874882"></script>
+          <script async src="../../../js/github-buttons.js?1691877025"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1691874882" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691874882" defer></script>
-    <script src="../../../js/d3/d3-color.min.js?1691874882" defer></script>
-    <script src="../../../js/d3/d3-dispatch.min.js?1691874882" defer></script>
-    <script src="../../../js/d3/d3-drag.min.js?1691874882" defer></script>
-    <script src="../../../js/d3/d3-ease.min.js?1691874882" defer></script>
-    <script src="../../../js/d3/d3-interpolate.min.js?1691874882" defer></script>
-    <script src="../../../js/d3/d3-selection.min.js?1691874882" defer></script>
-    <script src="../../../js/d3/d3-timer.min.js?1691874882" defer></script>
-    <script src="../../../js/d3/d3-transition.min.js?1691874882" defer></script>
-    <script src="../../../js/d3/d3-zoom.min.js?1691874882" defer></script>
-    <script src="../../../js/js-yaml.min.js?1691874882" defer></script>
-    <script src="../../../js/mermaid.min.js?1691874882" defer></script>
+    <script src="../../../js/clipboard.min.js?1691877025" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691877025" defer></script>
+    <script src="../../../js/d3/d3-color.min.js?1691877025" defer></script>
+    <script src="../../../js/d3/d3-dispatch.min.js?1691877025" defer></script>
+    <script src="../../../js/d3/d3-drag.min.js?1691877025" defer></script>
+    <script src="../../../js/d3/d3-ease.min.js?1691877025" defer></script>
+    <script src="../../../js/d3/d3-interpolate.min.js?1691877025" defer></script>
+    <script src="../../../js/d3/d3-selection.min.js?1691877025" defer></script>
+    <script src="../../../js/d3/d3-timer.min.js?1691877025" defer></script>
+    <script src="../../../js/d3/d3-transition.min.js?1691877025" defer></script>
+    <script src="../../../js/d3/d3-zoom.min.js?1691877025" defer></script>
+    <script src="../../../js/js-yaml.min.js?1691877025" defer></script>
+    <script src="../../../js/mermaid.min.js?1691877025" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../../../js/theme.js?1691874882" defer></script>
+    <script src="../../../js/theme.js?1691877025" defer></script>
   </body>
 </html>
diff --git a/pir/basics/generator/index.print.html b/pir/basics/generator/index.print.html
index 94bd19eaaa..bd907576bd 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691874883" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691874883" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691874883" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691874883" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691874883" rel="stylesheet">
-    <link href="../../../css/print.css?1691874883" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1691874883" rel="stylesheet">
-    <link href="../../../css/ie.css?1691874883" rel="stylesheet">
-    <script src="../../../js/url.js?1691874883"></script>
-    <script src="../../../js/variant.js?1691874883"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691877026" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691877026" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691877026" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691877026" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691877026" rel="stylesheet">
+    <link href="../../../css/print.css?1691877026" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1691877026" rel="stylesheet">
+    <link href="../../../css/ie.css?1691877026" rel="stylesheet">
+    <script src="../../../js/url.js?1691877026"></script>
+    <script src="../../../js/variant.js?1691877026"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -80,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-00c979b551228cdad76895eb640fc8b6" aria-controls="expandcontent-00c979b551228cdad76895eb640fc8b6" >
-    <label class="expand-label" for="expand-00c979b551228cdad76895eb640fc8b6" >
+    <input type="checkbox" id="expand-6eaa6ecd1a799b0eb23c50b775a807df" aria-controls="expandcontent-6eaa6ecd1a799b0eb23c50b775a807df" >
+    <label class="expand-label" for="expand-6eaa6ecd1a799b0eb23c50b775a807df" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show usage instruct'ns
     </label>
-    <div id="expandcontent-00c979b551228cdad76895eb640fc8b6" class="expand-content">
+    <div id="expandcontent-6eaa6ecd1a799b0eb23c50b775a807df" 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?1691874883" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691874883" defer></script>
-    <script src="../../../js/d3/d3-color.min.js?1691874883" defer></script>
-    <script src="../../../js/d3/d3-dispatch.min.js?1691874883" defer></script>
-    <script src="../../../js/d3/d3-drag.min.js?1691874883" defer></script>
-    <script src="../../../js/d3/d3-ease.min.js?1691874883" defer></script>
-    <script src="../../../js/d3/d3-interpolate.min.js?1691874883" defer></script>
-    <script src="../../../js/d3/d3-selection.min.js?1691874883" defer></script>
-    <script src="../../../js/d3/d3-timer.min.js?1691874883" defer></script>
-    <script src="../../../js/d3/d3-transition.min.js?1691874883" defer></script>
-    <script src="../../../js/d3/d3-zoom.min.js?1691874883" defer></script>
-    <script src="../../../js/js-yaml.min.js?1691874883" defer></script>
-    <script src="../../../js/mermaid.min.js?1691874883" defer></script>
+    <script src="../../../js/clipboard.min.js?1691877026" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691877026" defer></script>
+    <script src="../../../js/d3/d3-color.min.js?1691877026" defer></script>
+    <script src="../../../js/d3/d3-dispatch.min.js?1691877026" defer></script>
+    <script src="../../../js/d3/d3-drag.min.js?1691877026" defer></script>
+    <script src="../../../js/d3/d3-ease.min.js?1691877026" defer></script>
+    <script src="../../../js/d3/d3-interpolate.min.js?1691877026" defer></script>
+    <script src="../../../js/d3/d3-selection.min.js?1691877026" defer></script>
+    <script src="../../../js/d3/d3-timer.min.js?1691877026" defer></script>
+    <script src="../../../js/d3/d3-transition.min.js?1691877026" defer></script>
+    <script src="../../../js/d3/d3-zoom.min.js?1691877026" defer></script>
+    <script src="../../../js/js-yaml.min.js?1691877026" defer></script>
+    <script src="../../../js/mermaid.min.js?1691877026" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../../../js/theme.js?1691874883" defer></script>
+    <script src="../../../js/theme.js?1691877026" defer></script>
   </body>
 </html>
diff --git a/pir/basics/history/index.html b/pir/basics/history/index.html
index 9ddc522393..4cafcc9ebc 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../../../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../../../js/url.js?1691874880"></script>
-    <script src="../../../js/variant.js?1691874880"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../../../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../../../js/url.js?1691877024"></script>
+    <script src="../../../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -2016,12 +2016,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1691874882" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1691874882" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691874882" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1691874882" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1691874882" defer></script>
-        <script src="../../../js/search.js?1691874882" defer></script>
+        <script src="../../../js/auto-complete.js?1691877026" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1691877026" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691877026" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1691877026" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1691877026" defer></script>
+        <script src="../../../js/search.js?1691877026" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -2151,8 +2151,7 @@
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -2160,25 +2159,37 @@
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1691874882"></script>
+          <script async src="../../../js/github-buttons.js?1691877026"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1691874882" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691874882" defer></script>
-    <script src="../../../js/theme.js?1691874882" defer></script>
+    <script src="../../../js/clipboard.min.js?1691877026" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691877026" defer></script>
+    <script src="../../../js/theme.js?1691877026" defer></script>
   </body>
 </html>
diff --git a/pir/basics/history/index.print.html b/pir/basics/history/index.print.html
index d4198cc145..518e0ff722 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691874883" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691874883" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691874883" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691874883" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691874883" rel="stylesheet">
-    <link href="../../../css/print.css?1691874883" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1691874883" rel="stylesheet">
-    <link href="../../../css/ie.css?1691874883" rel="stylesheet">
-    <script src="../../../js/url.js?1691874883"></script>
-    <script src="../../../js/variant.js?1691874883"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691877026" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691877026" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691877026" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691877026" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691877026" rel="stylesheet">
+    <link href="../../../css/print.css?1691877026" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1691877026" rel="stylesheet">
+    <link href="../../../css/ie.css?1691877026" rel="stylesheet">
+    <script src="../../../js/url.js?1691877026"></script>
+    <script src="../../../js/variant.js?1691877026"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -1262,8 +1262,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1691874883" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691874883" defer></script>
-    <script src="../../../js/theme.js?1691874883" defer></script>
+    <script src="../../../js/clipboard.min.js?1691877026" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691877026" defer></script>
+    <script src="../../../js/theme.js?1691877026" defer></script>
   </body>
 </html>
diff --git a/pir/basics/index.html b/pir/basics/index.html
index 21233aea82..038f120467 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../../js/url.js?1691874880"></script>
-    <script src="../../js/variant.js?1691874880"></script>
+    <link href="../../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../../js/url.js?1691877024"></script>
+    <script src="../../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -180,12 +180,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1691874881" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1691874881" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691874881" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1691874881" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1691874881" defer></script>
-        <script src="../../js/search.js?1691874881" defer></script>
+        <script src="../../js/auto-complete.js?1691877025" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1691877025" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691877025" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1691877025" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1691877025" defer></script>
+        <script src="../../js/search.js?1691877025" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -315,8 +315,7 @@
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -324,25 +323,37 @@
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../js/github-buttons.js?1691874881"></script>
+          <script async src="../../js/github-buttons.js?1691877025"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1691874881" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691874881" defer></script>
-    <script src="../../js/theme.js?1691874881" defer></script>
+    <script src="../../js/clipboard.min.js?1691877025" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691877025" defer></script>
+    <script src="../../js/theme.js?1691877025" defer></script>
   </body>
 </html>
diff --git a/pir/basics/index.print.html b/pir/basics/index.print.html
index 3f377a0f39..819b9ee686 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691874883" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691874883" rel="stylesheet">
-    <link href="../../css/fonts.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691874883" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691874883" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691874883" rel="stylesheet">
-    <link href="../../css/print.css?1691874883" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1691874883" rel="stylesheet">
-    <link href="../../css/ie.css?1691874883" rel="stylesheet">
-    <script src="../../js/url.js?1691874883"></script>
-    <script src="../../js/variant.js?1691874883"></script>
+    <link href="../../css/fontawesome-all.min.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691877026" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691877026" rel="stylesheet">
+    <link href="../../css/fonts.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691877026" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691877026" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691877026" rel="stylesheet">
+    <link href="../../css/print.css?1691877026" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1691877026" rel="stylesheet">
+    <link href="../../css/ie.css?1691877026" rel="stylesheet">
+    <script src="../../js/url.js?1691877026"></script>
+    <script src="../../js/variant.js?1691877026"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -808,10 +808,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-a8184a9d81c20ad5eadcdd508918c90d" class="lightbox-link">
+<a href="#image-cbc97a518c5bb75fe51bb907e755e9dc" 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-a8184a9d81c20ad5eadcdd508918c90d">
+<a href="javascript:history.back();" class="lightbox" id="image-cbc97a518c5bb75fe51bb907e755e9dc">
 <img src="../../basics/requirements/magic.gif?classes=shadow" alt="Magic" class="lightbox-image" loading="lazy">
 </a></p>
 
@@ -860,10 +860,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-1d4316c46df0f43557ec946302adc07b" class="lightbox-link">
+<a href="#image-9bc01c510153900d294e93dcfff6fe0b" 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-1d4316c46df0f43557ec946302adc07b">
+<a href="javascript:history.back();" class="lightbox" id="image-9bc01c510153900d294e93dcfff6fe0b">
 <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>
@@ -1018,10 +1018,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-7aa24dcc03b3a73cef09c6e8d580aecd" class="lightbox-link">
+<a href="#image-3270482028532a82b64c63036eb86eee" 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-7aa24dcc03b3a73cef09c6e8d580aecd">
+<a href="javascript:history.back();" class="lightbox" id="image-3270482028532a82b64c63036eb86eee">
 <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>
@@ -1070,10 +1070,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-61847305cb75a834de242f4d57cc1711" class="lightbox-link">
+<a href="#image-4f93671d52b2f81aa7c9a355706cca2a" 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-61847305cb75a834de242f4d57cc1711">
+<a href="javascript:history.back();" class="lightbox" id="image-4f93671d52b2f81aa7c9a355706cca2a">
 <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>
 
@@ -1200,13 +1200,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-00c979b551228cdad76895eb640fc8b6" aria-controls="expandcontent-00c979b551228cdad76895eb640fc8b6" >
-    <label class="expand-label" for="expand-00c979b551228cdad76895eb640fc8b6" >
+    <input type="checkbox" id="expand-6eaa6ecd1a799b0eb23c50b775a807df" aria-controls="expandcontent-6eaa6ecd1a799b0eb23c50b775a807df" >
+    <label class="expand-label" for="expand-6eaa6ecd1a799b0eb23c50b775a807df" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show usage instruct'ns
     </label>
-    <div id="expandcontent-00c979b551228cdad76895eb640fc8b6" class="expand-content">
+    <div id="expandcontent-6eaa6ecd1a799b0eb23c50b775a807df" 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>
@@ -2450,22 +2450,22 @@ window.variants && variants.generator( '#vargenerator' );
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1691874883" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691874883" defer></script>
-    <script src="../../js/d3/d3-color.min.js?1691874883" defer></script>
-    <script src="../../js/d3/d3-dispatch.min.js?1691874883" defer></script>
-    <script src="../../js/d3/d3-drag.min.js?1691874883" defer></script>
-    <script src="../../js/d3/d3-ease.min.js?1691874883" defer></script>
-    <script src="../../js/d3/d3-interpolate.min.js?1691874883" defer></script>
-    <script src="../../js/d3/d3-selection.min.js?1691874883" defer></script>
-    <script src="../../js/d3/d3-timer.min.js?1691874883" defer></script>
-    <script src="../../js/d3/d3-transition.min.js?1691874883" defer></script>
-    <script src="../../js/d3/d3-zoom.min.js?1691874883" defer></script>
-    <script src="../../js/js-yaml.min.js?1691874883" defer></script>
-    <script src="../../js/mermaid.min.js?1691874883" defer></script>
+    <script src="../../js/clipboard.min.js?1691877026" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691877026" defer></script>
+    <script src="../../js/d3/d3-color.min.js?1691877026" defer></script>
+    <script src="../../js/d3/d3-dispatch.min.js?1691877026" defer></script>
+    <script src="../../js/d3/d3-drag.min.js?1691877026" defer></script>
+    <script src="../../js/d3/d3-ease.min.js?1691877026" defer></script>
+    <script src="../../js/d3/d3-interpolate.min.js?1691877026" defer></script>
+    <script src="../../js/d3/d3-selection.min.js?1691877026" defer></script>
+    <script src="../../js/d3/d3-timer.min.js?1691877026" defer></script>
+    <script src="../../js/d3/d3-transition.min.js?1691877026" defer></script>
+    <script src="../../js/d3/d3-zoom.min.js?1691877026" defer></script>
+    <script src="../../js/js-yaml.min.js?1691877026" defer></script>
+    <script src="../../js/mermaid.min.js?1691877026" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../../js/theme.js?1691874883" defer></script>
+    <script src="../../js/theme.js?1691877026" defer></script>
   </body>
 </html>
diff --git a/pir/basics/installation/index.html b/pir/basics/installation/index.html
index bb96a97639..260dcbd589 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../../../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../../../js/url.js?1691874880"></script>
-    <script src="../../../js/variant.js?1691874880"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../../../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../../../js/url.js?1691877024"></script>
+    <script src="../../../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -143,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-1d4316c46df0f43557ec946302adc07b" class="lightbox-link">
+<a href="#image-9bc01c510153900d294e93dcfff6fe0b" 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-1d4316c46df0f43557ec946302adc07b">
+<a href="javascript:history.back();" class="lightbox" id="image-9bc01c510153900d294e93dcfff6fe0b">
 <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?1691874882" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1691874882" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691874882" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1691874882" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1691874882" defer></script>
-        <script src="../../../js/search.js?1691874882" defer></script>
+        <script src="../../../js/auto-complete.js?1691877025" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1691877025" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691877025" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1691877025" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1691877025" defer></script>
+        <script src="../../../js/search.js?1691877025" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -398,8 +398,7 @@
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -407,25 +406,37 @@
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1691874882"></script>
+          <script async src="../../../js/github-buttons.js?1691877025"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1691874882" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691874882" defer></script>
-    <script src="../../../js/theme.js?1691874882" defer></script>
+    <script src="../../../js/clipboard.min.js?1691877025" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691877025" defer></script>
+    <script src="../../../js/theme.js?1691877025" defer></script>
   </body>
 </html>
diff --git a/pir/basics/installation/index.print.html b/pir/basics/installation/index.print.html
index 373b0813e7..4a93824543 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691874883" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691874883" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691874883" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691874883" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691874883" rel="stylesheet">
-    <link href="../../../css/print.css?1691874883" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1691874883" rel="stylesheet">
-    <link href="../../../css/ie.css?1691874883" rel="stylesheet">
-    <script src="../../../js/url.js?1691874883"></script>
-    <script src="../../../js/variant.js?1691874883"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691877026" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691877026" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691877026" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691877026" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691877026" rel="stylesheet">
+    <link href="../../../css/print.css?1691877026" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1691877026" rel="stylesheet">
+    <link href="../../../css/ie.css?1691877026" rel="stylesheet">
+    <script src="../../../js/url.js?1691877026"></script>
+    <script src="../../../js/variant.js?1691877026"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -108,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-1d4316c46df0f43557ec946302adc07b" class="lightbox-link">
+<a href="#image-9bc01c510153900d294e93dcfff6fe0b" 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-1d4316c46df0f43557ec946302adc07b">
+<a href="javascript:history.back();" class="lightbox" id="image-9bc01c510153900d294e93dcfff6fe0b">
 <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?1691874883" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691874883" defer></script>
-    <script src="../../../js/theme.js?1691874883" defer></script>
+    <script src="../../../js/clipboard.min.js?1691877026" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691877026" defer></script>
+    <script src="../../../js/theme.js?1691877026" defer></script>
   </body>
 </html>
diff --git a/pir/basics/migration/index.html b/pir/basics/migration/index.html
index 48ff324c2e..fe9e52c06b 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../../../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../../../js/url.js?1691874880"></script>
-    <script src="../../../js/variant.js?1691874880"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../../../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../../../js/url.js?1691877024"></script>
+    <script src="../../../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -928,12 +928,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1691874882" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1691874882" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691874882" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1691874882" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1691874882" defer></script>
-        <script src="../../../js/search.js?1691874882" defer></script>
+        <script src="../../../js/auto-complete.js?1691877026" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1691877026" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691877026" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1691877026" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1691877026" defer></script>
+        <script src="../../../js/search.js?1691877026" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -1063,8 +1063,7 @@
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -1072,25 +1071,37 @@
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1691874882"></script>
+          <script async src="../../../js/github-buttons.js?1691877026"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1691874882" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691874882" defer></script>
-    <script src="../../../js/theme.js?1691874882" defer></script>
+    <script src="../../../js/clipboard.min.js?1691877026" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691877026" defer></script>
+    <script src="../../../js/theme.js?1691877026" defer></script>
   </body>
 </html>
diff --git a/pir/basics/migration/index.print.html b/pir/basics/migration/index.print.html
index 9e30585ac2..39b3bd0e25 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691874883" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691874883" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691874883" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691874883" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691874883" rel="stylesheet">
-    <link href="../../../css/print.css?1691874883" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1691874883" rel="stylesheet">
-    <link href="../../../css/ie.css?1691874883" rel="stylesheet">
-    <script src="../../../js/url.js?1691874883"></script>
-    <script src="../../../js/variant.js?1691874883"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691877026" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691877026" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691877026" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691877026" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691877026" rel="stylesheet">
+    <link href="../../../css/print.css?1691877026" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1691877026" rel="stylesheet">
+    <link href="../../../css/ie.css?1691877026" rel="stylesheet">
+    <script src="../../../js/url.js?1691877026"></script>
+    <script src="../../../js/variant.js?1691877026"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -786,8 +786,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1691874883" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691874883" defer></script>
-    <script src="../../../js/theme.js?1691874883" defer></script>
+    <script src="../../../js/clipboard.min.js?1691877026" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691877026" defer></script>
+    <script src="../../../js/theme.js?1691877026" defer></script>
   </body>
 </html>
diff --git a/pir/basics/requirements/index.html b/pir/basics/requirements/index.html
index b3a3c10ff1..9dfb9fc35b 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../../../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../../../js/url.js?1691874880"></script>
-    <script src="../../../js/variant.js?1691874880"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../../../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../../../js/url.js?1691877024"></script>
+    <script src="../../../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -95,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-a8184a9d81c20ad5eadcdd508918c90d" class="lightbox-link">
+<a href="#image-cbc97a518c5bb75fe51bb907e755e9dc" 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-a8184a9d81c20ad5eadcdd508918c90d">
+<a href="javascript:history.back();" class="lightbox" id="image-cbc97a518c5bb75fe51bb907e755e9dc">
 <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?1691874882" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1691874882" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691874882" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1691874882" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1691874882" defer></script>
-        <script src="../../../js/search.js?1691874882" defer></script>
+        <script src="../../../js/auto-complete.js?1691877026" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1691877026" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691877026" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1691877026" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1691877026" defer></script>
+        <script src="../../../js/search.js?1691877026" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -325,8 +325,7 @@
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -334,25 +333,37 @@
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1691874882"></script>
+          <script async src="../../../js/github-buttons.js?1691877026"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1691874882" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691874882" defer></script>
-    <script src="../../../js/theme.js?1691874882" defer></script>
+    <script src="../../../js/clipboard.min.js?1691877026" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691877026" defer></script>
+    <script src="../../../js/theme.js?1691877026" defer></script>
   </body>
 </html>
diff --git a/pir/basics/requirements/index.print.html b/pir/basics/requirements/index.print.html
index ac78136902..90913b58fb 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691874883" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691874883" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691874883" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691874883" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691874883" rel="stylesheet">
-    <link href="../../../css/print.css?1691874883" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1691874883" rel="stylesheet">
-    <link href="../../../css/ie.css?1691874883" rel="stylesheet">
-    <script src="../../../js/url.js?1691874883"></script>
-    <script src="../../../js/variant.js?1691874883"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691877026" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691877026" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691877026" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691877026" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691877026" rel="stylesheet">
+    <link href="../../../css/print.css?1691877026" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1691877026" rel="stylesheet">
+    <link href="../../../css/ie.css?1691877026" rel="stylesheet">
+    <script src="../../../js/url.js?1691877026"></script>
+    <script src="../../../js/variant.js?1691877026"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -80,10 +80,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-a8184a9d81c20ad5eadcdd508918c90d" class="lightbox-link">
+<a href="#image-cbc97a518c5bb75fe51bb907e755e9dc" 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-a8184a9d81c20ad5eadcdd508918c90d">
+<a href="javascript:history.back();" class="lightbox" id="image-cbc97a518c5bb75fe51bb907e755e9dc">
 <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?1691874883" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691874883" defer></script>
-    <script src="../../../js/theme.js?1691874883" defer></script>
+    <script src="../../../js/clipboard.min.js?1691877026" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691877026" defer></script>
+    <script src="../../../js/theme.js?1691877026" defer></script>
   </body>
 </html>
diff --git a/pir/categories/basic/index.html b/pir/categories/basic/index.html
index cbe8780b5f..9ba550fdca 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../../../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../../../js/url.js?1691874880"></script>
-    <script src="../../../js/variant.js?1691874880"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../../../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../../../js/url.js?1691877024"></script>
+    <script src="../../../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -166,12 +166,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1691874883" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1691874883" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691874883" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1691874883" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1691874883" defer></script>
-        <script src="../../../js/search.js?1691874883" defer></script>
+        <script src="../../../js/auto-complete.js?1691877026" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1691877026" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691877026" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1691877026" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1691877026" defer></script>
+        <script src="../../../js/search.js?1691877026" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -301,8 +301,7 @@
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -310,25 +309,37 @@
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1691874883"></script>
+          <script async src="../../../js/github-buttons.js?1691877026"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1691874883" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691874883" defer></script>
-    <script src="../../../js/theme.js?1691874883" defer></script>
+    <script src="../../../js/clipboard.min.js?1691877026" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691877026" defer></script>
+    <script src="../../../js/theme.js?1691877026" defer></script>
   </body>
 </html>
diff --git a/pir/categories/content/index.html b/pir/categories/content/index.html
index e028c119e5..c6bdb40613 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../../../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../../../js/url.js?1691874880"></script>
-    <script src="../../../js/variant.js?1691874880"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../../../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../../../js/url.js?1691877024"></script>
+    <script src="../../../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -166,12 +166,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1691874883" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1691874883" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691874883" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1691874883" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1691874883" defer></script>
-        <script src="../../../js/search.js?1691874883" defer></script>
+        <script src="../../../js/auto-complete.js?1691877026" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1691877026" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691877026" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1691877026" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1691877026" defer></script>
+        <script src="../../../js/search.js?1691877026" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -301,8 +301,7 @@
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -310,25 +309,37 @@
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1691874883"></script>
+          <script async src="../../../js/github-buttons.js?1691877026"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1691874883" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691874883" defer></script>
-    <script src="../../../js/theme.js?1691874883" defer></script>
+    <script src="../../../js/clipboard.min.js?1691877026" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691877026" defer></script>
+    <script src="../../../js/theme.js?1691877026" defer></script>
   </body>
 </html>
diff --git a/pir/categories/custom/index.html b/pir/categories/custom/index.html
index 781e821a69..5984df9d41 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../../../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../../../js/url.js?1691874880"></script>
-    <script src="../../../js/variant.js?1691874880"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../../../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../../../js/url.js?1691877024"></script>
+    <script src="../../../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -166,12 +166,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1691874883" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1691874883" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691874883" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1691874883" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1691874883" defer></script>
-        <script src="../../../js/search.js?1691874883" defer></script>
+        <script src="../../../js/auto-complete.js?1691877026" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1691877026" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691877026" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1691877026" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1691877026" defer></script>
+        <script src="../../../js/search.js?1691877026" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -301,8 +301,7 @@
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -310,25 +309,37 @@
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1691874883"></script>
+          <script async src="../../../js/github-buttons.js?1691877026"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1691874883" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691874883" defer></script>
-    <script src="../../../js/theme.js?1691874883" defer></script>
+    <script src="../../../js/clipboard.min.js?1691877026" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691877026" defer></script>
+    <script src="../../../js/theme.js?1691877026" defer></script>
   </body>
 </html>
diff --git a/pir/categories/index.html b/pir/categories/index.html
index e31da69712..bbb466f643 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../../js/url.js?1691874880"></script>
-    <script src="../../js/variant.js?1691874880"></script>
+    <link href="../../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../../js/url.js?1691877024"></script>
+    <script src="../../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -188,12 +188,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1691874883" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1691874883" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691874883" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1691874883" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1691874883" defer></script>
-        <script src="../../js/search.js?1691874883" defer></script>
+        <script src="../../js/auto-complete.js?1691877026" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1691877026" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691877026" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1691877026" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1691877026" defer></script>
+        <script src="../../js/search.js?1691877026" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -323,8 +323,7 @@
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -332,25 +331,37 @@
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../js/github-buttons.js?1691874883"></script>
+          <script async src="../../js/github-buttons.js?1691877026"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1691874883" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691874883" defer></script>
-    <script src="../../js/theme.js?1691874883" defer></script>
+    <script src="../../js/clipboard.min.js?1691877026" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691877026" defer></script>
+    <script src="../../js/theme.js?1691877026" defer></script>
   </body>
 </html>
diff --git a/pir/categories/taxonomy/index.html b/pir/categories/taxonomy/index.html
index 13d4f4093e..4139b2e43a 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../../../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../../../js/url.js?1691874880"></script>
-    <script src="../../../js/variant.js?1691874880"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../../../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../../../js/url.js?1691877024"></script>
+    <script src="../../../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -166,12 +166,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1691874883" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1691874883" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691874883" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1691874883" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1691874883" defer></script>
-        <script src="../../../js/search.js?1691874883" defer></script>
+        <script src="../../../js/auto-complete.js?1691877026" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1691877026" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691877026" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1691877026" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1691877026" defer></script>
+        <script src="../../../js/search.js?1691877026" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -301,8 +301,7 @@
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -310,25 +309,37 @@
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1691874883"></script>
+          <script async src="../../../js/github-buttons.js?1691877026"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1691874883" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691874883" defer></script>
-    <script src="../../../js/theme.js?1691874883" defer></script>
+    <script src="../../../js/clipboard.min.js?1691877026" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691877026" defer></script>
+    <script src="../../../js/theme.js?1691877026" defer></script>
   </body>
 </html>
diff --git a/pir/categories/theming/index.html b/pir/categories/theming/index.html
index e505c86da1..164059af8f 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../../../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../../../js/url.js?1691874880"></script>
-    <script src="../../../js/variant.js?1691874880"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../../../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../../../js/url.js?1691877024"></script>
+    <script src="../../../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -167,12 +167,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1691874883" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1691874883" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691874883" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1691874883" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1691874883" defer></script>
-        <script src="../../../js/search.js?1691874883" defer></script>
+        <script src="../../../js/auto-complete.js?1691877026" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1691877026" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691877026" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1691877026" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1691877026" defer></script>
+        <script src="../../../js/search.js?1691877026" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -302,8 +302,7 @@
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -311,25 +310,37 @@
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1691874883"></script>
+          <script async src="../../../js/github-buttons.js?1691877026"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1691874883" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691874883" defer></script>
-    <script src="../../../js/theme.js?1691874883" defer></script>
+    <script src="../../../js/clipboard.min.js?1691877026" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691877026" defer></script>
+    <script src="../../../js/theme.js?1691877026" defer></script>
   </body>
 </html>
diff --git a/pir/cont/archetypes/index.html b/pir/cont/archetypes/index.html
index 22e1c1a23f..4a82540ae2 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../../../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../../../js/url.js?1691874880"></script>
-    <script src="../../../js/variant.js?1691874880"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../../../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../../../js/url.js?1691877024"></script>
+    <script src="../../../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -121,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-5256aeab551421a9338c40bb04384b1d" class="lightbox-link">
+<a href="#image-e7c00e3607cf983ac2f42dfeb005ccd4" 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-5256aeab551421a9338c40bb04384b1d">
+<a href="javascript:history.back();" class="lightbox" id="image-e7c00e3607cf983ac2f42dfeb005ccd4">
 <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-7b89b3367bb9d9227563a746eb3878b8" class="lightbox-link">
+<a href="#image-c6face8692595823a31b1b83b45a6e09" 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-7b89b3367bb9d9227563a746eb3878b8">
+<a href="javascript:history.back();" class="lightbox" id="image-c6face8692595823a31b1b83b45a6e09">
 <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-65747a8ce3d74e0174b57f5c9049e727" class="lightbox-link">
+<a href="#image-3ebd67126754e4498df031b9f77749a4" 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-65747a8ce3d74e0174b57f5c9049e727">
+<a href="javascript:history.back();" class="lightbox" id="image-3ebd67126754e4498df031b9f77749a4">
 <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?1691874882" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1691874882" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691874882" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1691874882" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1691874882" defer></script>
-        <script src="../../../js/search.js?1691874882" defer></script>
+        <script src="../../../js/auto-complete.js?1691877026" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1691877026" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691877026" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1691877026" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1691877026" defer></script>
+        <script src="../../../js/search.js?1691877026" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -427,8 +427,7 @@
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -436,25 +435,37 @@
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1691874882"></script>
+          <script async src="../../../js/github-buttons.js?1691877026"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1691874882" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691874882" defer></script>
-    <script src="../../../js/theme.js?1691874882" defer></script>
+    <script src="../../../js/clipboard.min.js?1691877026" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691877026" defer></script>
+    <script src="../../../js/theme.js?1691877026" defer></script>
   </body>
 </html>
diff --git a/pir/cont/archetypes/index.print.html b/pir/cont/archetypes/index.print.html
index d581958cea..17e8cd9760 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691874883" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691874883" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691874883" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691874883" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691874883" rel="stylesheet">
-    <link href="../../../css/print.css?1691874883" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1691874883" rel="stylesheet">
-    <link href="../../../css/ie.css?1691874883" rel="stylesheet">
-    <script src="../../../js/url.js?1691874883"></script>
-    <script src="../../../js/variant.js?1691874883"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691877026" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691877026" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691877026" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691877026" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691877026" rel="stylesheet">
+    <link href="../../../css/print.css?1691877026" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1691877026" rel="stylesheet">
+    <link href="../../../css/ie.css?1691877026" rel="stylesheet">
+    <script src="../../../js/url.js?1691877026"></script>
+    <script src="../../../js/variant.js?1691877026"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -84,10 +84,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-5256aeab551421a9338c40bb04384b1d" class="lightbox-link">
+<a href="#image-e7c00e3607cf983ac2f42dfeb005ccd4" 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-5256aeab551421a9338c40bb04384b1d">
+<a href="javascript:history.back();" class="lightbox" id="image-e7c00e3607cf983ac2f42dfeb005ccd4">
 <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-7b89b3367bb9d9227563a746eb3878b8" class="lightbox-link">
+<a href="#image-c6face8692595823a31b1b83b45a6e09" 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-7b89b3367bb9d9227563a746eb3878b8">
+<a href="javascript:history.back();" class="lightbox" id="image-c6face8692595823a31b1b83b45a6e09">
 <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-65747a8ce3d74e0174b57f5c9049e727" class="lightbox-link">
+<a href="#image-3ebd67126754e4498df031b9f77749a4" 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-65747a8ce3d74e0174b57f5c9049e727">
+<a href="javascript:history.back();" class="lightbox" id="image-3ebd67126754e4498df031b9f77749a4">
 <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?1691874883" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691874883" defer></script>
-    <script src="../../../js/theme.js?1691874883" defer></script>
+    <script src="../../../js/clipboard.min.js?1691877026" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691877026" defer></script>
+    <script src="../../../js/theme.js?1691877026" defer></script>
   </body>
 </html>
diff --git a/pir/cont/i18n/index.html b/pir/cont/i18n/index.html
index 2ff4bf9d07..845201ac87 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../../../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../../../js/url.js?1691874880"></script>
-    <script src="../../../js/variant.js?1691874880"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../../../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../../../js/url.js?1691877024"></script>
+    <script src="../../../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -118,10 +118,10 @@
 </ul>
 <p>
 		
-<a href="#image-35a4480be9dbe9bbc469515c097a56d5" class="lightbox-link">
+<a href="#image-9e9a5168ed53f8a892acbe99f9cc998f" 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-35a4480be9dbe9bbc469515c097a56d5">
+<a href="javascript:history.back();" class="lightbox" id="image-9e9a5168ed53f8a892acbe99f9cc998f">
 <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?1691874882" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1691874882" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691874882" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1691874882" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1691874882" defer></script>
-        <script src="../../../js/search.js?1691874882" defer></script>
+        <script src="../../../js/auto-complete.js?1691877026" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1691877026" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691877026" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1691877026" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1691877026" defer></script>
+        <script src="../../../js/search.js?1691877026" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -436,8 +436,7 @@ You&rsquo;ll see error reports 'n yer browsers console log fer each unsupported
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -445,25 +444,37 @@ You&rsquo;ll see error reports 'n yer browsers console log fer each unsupported
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1691874882"></script>
+          <script async src="../../../js/github-buttons.js?1691877026"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1691874882" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691874882" defer></script>
-    <script src="../../../js/theme.js?1691874882" defer></script>
+    <script src="../../../js/clipboard.min.js?1691877026" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691877026" defer></script>
+    <script src="../../../js/theme.js?1691877026" defer></script>
   </body>
 </html>
diff --git a/pir/cont/i18n/index.print.html b/pir/cont/i18n/index.print.html
index e188592c43..6a2d3453c6 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691874883" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691874883" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691874883" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691874883" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691874883" rel="stylesheet">
-    <link href="../../../css/print.css?1691874883" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1691874883" rel="stylesheet">
-    <link href="../../../css/ie.css?1691874883" rel="stylesheet">
-    <script src="../../../js/url.js?1691874883"></script>
-    <script src="../../../js/variant.js?1691874883"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691877026" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691877026" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691877026" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691877026" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691877026" rel="stylesheet">
+    <link href="../../../css/print.css?1691877026" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1691877026" rel="stylesheet">
+    <link href="../../../css/ie.css?1691877026" rel="stylesheet">
+    <script src="../../../js/url.js?1691877026"></script>
+    <script src="../../../js/variant.js?1691877026"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -86,10 +86,10 @@
 </ul>
 <p>
 		
-<a href="#image-35a4480be9dbe9bbc469515c097a56d5" class="lightbox-link">
+<a href="#image-9e9a5168ed53f8a892acbe99f9cc998f" 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-35a4480be9dbe9bbc469515c097a56d5">
+<a href="javascript:history.back();" class="lightbox" id="image-9e9a5168ed53f8a892acbe99f9cc998f">
 <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?1691874883" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691874883" defer></script>
-    <script src="../../../js/theme.js?1691874883" defer></script>
+    <script src="../../../js/clipboard.min.js?1691877026" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691877026" defer></script>
+    <script src="../../../js/theme.js?1691877026" defer></script>
   </body>
 </html>
diff --git a/pir/cont/index.html b/pir/cont/index.html
index f0bc196fae..ce21f600f7 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../../js/url.js?1691874880"></script>
-    <script src="../../js/variant.js?1691874880"></script>
+    <link href="../../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../../js/url.js?1691877024"></script>
+    <script src="../../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -180,12 +180,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1691874882" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1691874882" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691874882" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1691874882" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1691874882" defer></script>
-        <script src="../../js/search.js?1691874882" defer></script>
+        <script src="../../js/auto-complete.js?1691877026" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1691877026" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691877026" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1691877026" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1691877026" defer></script>
+        <script src="../../js/search.js?1691877026" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -315,8 +315,7 @@
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -324,25 +323,37 @@
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../js/github-buttons.js?1691874882"></script>
+          <script async src="../../js/github-buttons.js?1691877026"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1691874882" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691874882" defer></script>
-    <script src="../../js/theme.js?1691874882" defer></script>
+    <script src="../../js/clipboard.min.js?1691877026" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691877026" defer></script>
+    <script src="../../js/theme.js?1691877026" defer></script>
   </body>
 </html>
diff --git a/pir/cont/index.print.html b/pir/cont/index.print.html
index 99b9ccfa31..96d4fd4763 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691874883" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691874883" rel="stylesheet">
-    <link href="../../css/fonts.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691874883" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691874883" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691874883" rel="stylesheet">
-    <link href="../../css/print.css?1691874883" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1691874883" rel="stylesheet">
-    <link href="../../css/ie.css?1691874883" rel="stylesheet">
-    <script src="../../js/url.js?1691874883"></script>
-    <script src="../../js/variant.js?1691874883"></script>
+    <link href="../../css/fontawesome-all.min.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691877026" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691877026" rel="stylesheet">
+    <link href="../../css/fonts.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691877026" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691877026" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691877026" rel="stylesheet">
+    <link href="../../css/print.css?1691877026" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1691877026" rel="stylesheet">
+    <link href="../../css/ie.css?1691877026" rel="stylesheet">
+    <script src="../../js/url.js?1691877026"></script>
+    <script src="../../js/variant.js?1691877026"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -164,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-339055cab2b98761df804f1ddf6adab8" class="lightbox-link">
+<a href="#image-f27823d3b0c5cf3d0b6ce11afd11932f" 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-339055cab2b98761df804f1ddf6adab8">
+<a href="javascript:history.back();" class="lightbox" id="image-f27823d3b0c5cf3d0b6ce11afd11932f">
 <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-5256aeab551421a9338c40bb04384b1d" class="lightbox-link">
+<a href="#image-e7c00e3607cf983ac2f42dfeb005ccd4" 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-5256aeab551421a9338c40bb04384b1d">
+<a href="javascript:history.back();" class="lightbox" id="image-e7c00e3607cf983ac2f42dfeb005ccd4">
 <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-7b89b3367bb9d9227563a746eb3878b8" class="lightbox-link">
+<a href="#image-c6face8692595823a31b1b83b45a6e09" 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-7b89b3367bb9d9227563a746eb3878b8">
+<a href="javascript:history.back();" class="lightbox" id="image-c6face8692595823a31b1b83b45a6e09">
 <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-65747a8ce3d74e0174b57f5c9049e727" class="lightbox-link">
+<a href="#image-3ebd67126754e4498df031b9f77749a4" 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-65747a8ce3d74e0174b57f5c9049e727">
+<a href="javascript:history.back();" class="lightbox" id="image-3ebd67126754e4498df031b9f77749a4">
 <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-4dac26b1a6f935c88575a257f5268e79" class="lightbox-link">
+<a href="#image-f8a018a54a7558d3d585d96b98b414f3" 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-4dac26b1a6f935c88575a257f5268e79">
+<a href="javascript:history.back();" class="lightbox" id="image-f8a018a54a7558d3d585d96b98b414f3">
 <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-cba53a720343e6867809ad20e6c4b1f4" class="lightbox-link">
+<a href="#image-82dcd864301f849bda588521da4c04b7" 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-cba53a720343e6867809ad20e6c4b1f4">
+<a href="javascript:history.back();" class="lightbox" id="image-82dcd864301f849bda588521da4c04b7">
 <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-81279ebea91c924cf813e780e7eccf36" class="lightbox-link">
+<a href="#image-a8a245d77d544abe174d5520a3cc0b5a" 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-81279ebea91c924cf813e780e7eccf36">
+<a href="javascript:history.back();" class="lightbox" id="image-a8a245d77d544abe174d5520a3cc0b5a">
 <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-9bde5567bfc54300439ab88ffb0ab95c" class="lightbox-link">
+<a href="#image-19df733c875fac8753f7c5943a27f4a3" 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-9bde5567bfc54300439ab88ffb0ab95c">
+<a href="javascript:history.back();" class="lightbox" id="image-19df733c875fac8753f7c5943a27f4a3">
 <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-b04f736c5fb4ce5f7dd4b7ff74def1f0" class="lightbox-link">
+<a href="#image-0b9bd5bfd4f17a2e2195502293b6579a" 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-b04f736c5fb4ce5f7dd4b7ff74def1f0">
+<a href="javascript:history.back();" class="lightbox" id="image-0b9bd5bfd4f17a2e2195502293b6579a">
 <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-0eae956dcf5f61630307ee515f95623d" class="lightbox-link">
+<a href="#image-a5c6f7fb81019dd8d1374b1e1cbf0bf7" 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-0eae956dcf5f61630307ee515f95623d">
+<a href="javascript:history.back();" class="lightbox" id="image-a5c6f7fb81019dd8d1374b1e1cbf0bf7">
 <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-8c7bd786db06599f0c4f44357bfacab2" class="lightbox-link">
+<a href="#image-b50c43811a1ee1fa00c949aa401998d1" 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-8c7bd786db06599f0c4f44357bfacab2">
+<a href="javascript:history.back();" class="lightbox" id="image-b50c43811a1ee1fa00c949aa401998d1">
 <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-3c7cf2979e12f2193a5e8fca8f6fef35" class="lightbox-link">
+<a href="#image-d7d32e6a35893565a1d58d69ac8c6b6c" 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-3c7cf2979e12f2193a5e8fca8f6fef35">
+<a href="javascript:history.back();" class="lightbox" id="image-d7d32e6a35893565a1d58d69ac8c6b6c">
 <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-197e143ea89b1b8f03193cf1cd9c7ee2" class="lightbox-link">
+<a href="#image-41427e37c469c11d7bc6106edf3485e7" 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-197e143ea89b1b8f03193cf1cd9c7ee2">
+<a href="javascript:history.back();" class="lightbox" id="image-41427e37c469c11d7bc6106edf3485e7">
 <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-afab51dbe70f340cd1d703f105ff33c1" class="lightbox-link">
+<a href="#image-990611aa3b0515c7bc8bce2b8cb59d97" 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-afab51dbe70f340cd1d703f105ff33c1">
+<a href="javascript:history.back();" class="lightbox" id="image-990611aa3b0515c7bc8bce2b8cb59d97">
 <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-47819e8e36309eb2a1ff69c19262bd87" class="lightbox-link">
+<a href="#image-61dda4e07acf1108fe56f27f3b137e41" 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-47819e8e36309eb2a1ff69c19262bd87">
+<a href="javascript:history.back();" class="lightbox" id="image-61dda4e07acf1108fe56f27f3b137e41">
 <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-afc5219cefadfa2819b0c90bc4dfb28d" class="lightbox-link">
+<a href="#image-adc1252427de0b9b6ca31d211daa99c3" 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-afc5219cefadfa2819b0c90bc4dfb28d">
+<a href="javascript:history.back();" class="lightbox" id="image-adc1252427de0b9b6ca31d211daa99c3">
 <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-6bc459251a1d1d46dd4f74fc026f0518" class="lightbox-link">
+<a href="#image-22deaadcd1e2c03d837b311130a8dd8c" 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-6bc459251a1d1d46dd4f74fc026f0518">
+<a href="javascript:history.back();" class="lightbox" id="image-22deaadcd1e2c03d837b311130a8dd8c">
 <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-29881c51f8c23cfe85cafbfe65ac5bb6" class="lightbox-link">
+<a href="#image-334999346b6138a70b6ca00047b974a8" 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-29881c51f8c23cfe85cafbfe65ac5bb6">
+<a href="javascript:history.back();" class="lightbox" id="image-334999346b6138a70b6ca00047b974a8">
 <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-fab46d7fce73598b2bb669639135ffa8" class="lightbox-link">
+<a href="#image-4e2ad6d82a9047acf6e783a2e9d2d6f9" 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-fab46d7fce73598b2bb669639135ffa8">
+<a href="javascript:history.back();" class="lightbox" id="image-4e2ad6d82a9047acf6e783a2e9d2d6f9">
 <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-35a4480be9dbe9bbc469515c097a56d5" class="lightbox-link">
+<a href="#image-9e9a5168ed53f8a892acbe99f9cc998f" 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-35a4480be9dbe9bbc469515c097a56d5">
+<a href="javascript:history.back();" class="lightbox" id="image-9e9a5168ed53f8a892acbe99f9cc998f">
 <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?1691874883" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691874883" defer></script>
-    <script src="../../js/theme.js?1691874883" defer></script>
+    <script src="../../js/clipboard.min.js?1691877026" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691877026" defer></script>
+    <script src="../../js/theme.js?1691877026" defer></script>
   </body>
 </html>
diff --git a/pir/cont/markdown/index.html b/pir/cont/markdown/index.html
index 591e1f1b6c..6bafaa765c 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../../../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../../../js/url.js?1691874880"></script>
-    <script src="../../../js/variant.js?1691874880"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../../../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../../../js/url.js?1691877024"></script>
+    <script src="../../../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -669,10 +669,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-4dac26b1a6f935c88575a257f5268e79" class="lightbox-link">
+<a href="#image-f8a018a54a7558d3d585d96b98b414f3" 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-4dac26b1a6f935c88575a257f5268e79">
+<a href="javascript:history.back();" class="lightbox" id="image-f8a018a54a7558d3d585d96b98b414f3">
 <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-cba53a720343e6867809ad20e6c4b1f4" class="lightbox-link">
+<a href="#image-82dcd864301f849bda588521da4c04b7" 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-cba53a720343e6867809ad20e6c4b1f4">
+<a href="javascript:history.back();" class="lightbox" id="image-82dcd864301f849bda588521da4c04b7">
 <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-81279ebea91c924cf813e780e7eccf36" class="lightbox-link">
+<a href="#image-a8a245d77d544abe174d5520a3cc0b5a" 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-81279ebea91c924cf813e780e7eccf36">
+<a href="javascript:history.back();" class="lightbox" id="image-a8a245d77d544abe174d5520a3cc0b5a">
 <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-9bde5567bfc54300439ab88ffb0ab95c" class="lightbox-link">
+<a href="#image-19df733c875fac8753f7c5943a27f4a3" 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-9bde5567bfc54300439ab88ffb0ab95c">
+<a href="javascript:history.back();" class="lightbox" id="image-19df733c875fac8753f7c5943a27f4a3">
 <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-b04f736c5fb4ce5f7dd4b7ff74def1f0" class="lightbox-link">
+<a href="#image-0b9bd5bfd4f17a2e2195502293b6579a" 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-b04f736c5fb4ce5f7dd4b7ff74def1f0">
+<a href="javascript:history.back();" class="lightbox" id="image-0b9bd5bfd4f17a2e2195502293b6579a">
 <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-0eae956dcf5f61630307ee515f95623d" class="lightbox-link">
+<a href="#image-a5c6f7fb81019dd8d1374b1e1cbf0bf7" 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-0eae956dcf5f61630307ee515f95623d">
+<a href="javascript:history.back();" class="lightbox" id="image-a5c6f7fb81019dd8d1374b1e1cbf0bf7">
 <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-8c7bd786db06599f0c4f44357bfacab2" class="lightbox-link">
+<a href="#image-b50c43811a1ee1fa00c949aa401998d1" 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-8c7bd786db06599f0c4f44357bfacab2">
+<a href="javascript:history.back();" class="lightbox" id="image-b50c43811a1ee1fa00c949aa401998d1">
 <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-3c7cf2979e12f2193a5e8fca8f6fef35" class="lightbox-link">
+<a href="#image-d7d32e6a35893565a1d58d69ac8c6b6c" 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-3c7cf2979e12f2193a5e8fca8f6fef35">
+<a href="javascript:history.back();" class="lightbox" id="image-d7d32e6a35893565a1d58d69ac8c6b6c">
 <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-197e143ea89b1b8f03193cf1cd9c7ee2" class="lightbox-link">
+<a href="#image-41427e37c469c11d7bc6106edf3485e7" 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-197e143ea89b1b8f03193cf1cd9c7ee2">
+<a href="javascript:history.back();" class="lightbox" id="image-41427e37c469c11d7bc6106edf3485e7">
 <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-afab51dbe70f340cd1d703f105ff33c1" class="lightbox-link">
+<a href="#image-990611aa3b0515c7bc8bce2b8cb59d97" 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-afab51dbe70f340cd1d703f105ff33c1">
+<a href="javascript:history.back();" class="lightbox" id="image-990611aa3b0515c7bc8bce2b8cb59d97">
 <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-47819e8e36309eb2a1ff69c19262bd87" class="lightbox-link">
+<a href="#image-61dda4e07acf1108fe56f27f3b137e41" 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-47819e8e36309eb2a1ff69c19262bd87">
+<a href="javascript:history.back();" class="lightbox" id="image-61dda4e07acf1108fe56f27f3b137e41">
 <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-afc5219cefadfa2819b0c90bc4dfb28d" class="lightbox-link">
+<a href="#image-adc1252427de0b9b6ca31d211daa99c3" 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-afc5219cefadfa2819b0c90bc4dfb28d">
+<a href="javascript:history.back();" class="lightbox" id="image-adc1252427de0b9b6ca31d211daa99c3">
 <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-6bc459251a1d1d46dd4f74fc026f0518" class="lightbox-link">
+<a href="#image-22deaadcd1e2c03d837b311130a8dd8c" 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-6bc459251a1d1d46dd4f74fc026f0518">
+<a href="javascript:history.back();" class="lightbox" id="image-22deaadcd1e2c03d837b311130a8dd8c">
 <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-29881c51f8c23cfe85cafbfe65ac5bb6" class="lightbox-link">
+<a href="#image-334999346b6138a70b6ca00047b974a8" 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-29881c51f8c23cfe85cafbfe65ac5bb6">
+<a href="javascript:history.back();" class="lightbox" id="image-334999346b6138a70b6ca00047b974a8">
 <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-fab46d7fce73598b2bb669639135ffa8" class="lightbox-link">
+<a href="#image-4e2ad6d82a9047acf6e783a2e9d2d6f9" 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-fab46d7fce73598b2bb669639135ffa8">
+<a href="javascript:history.back();" class="lightbox" id="image-4e2ad6d82a9047acf6e783a2e9d2d6f9">
 <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?1691874881" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1691874881" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691874881" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1691874881" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1691874881" defer></script>
-        <script src="../../../js/search.js?1691874881" defer></script>
+        <script src="../../../js/auto-complete.js?1691877024" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1691877024" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691877024" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1691877024" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1691877024" defer></script>
+        <script src="../../../js/search.js?1691877024" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -1122,8 +1122,7 @@ line 3 o' code
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -1131,25 +1130,37 @@ line 3 o' code
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1691874881"></script>
+          <script async src="../../../js/github-buttons.js?1691877024"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1691874881" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691874881" defer></script>
-    <script src="../../../js/theme.js?1691874881" defer></script>
+    <script src="../../../js/clipboard.min.js?1691877024" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691877024" defer></script>
+    <script src="../../../js/theme.js?1691877024" defer></script>
   </body>
 </html>
diff --git a/pir/cont/markdown/index.print.html b/pir/cont/markdown/index.print.html
index fbc2b0935f..21ddb10bc8 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691874883" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691874883" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691874883" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691874883" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691874883" rel="stylesheet">
-    <link href="../../../css/print.css?1691874883" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1691874883" rel="stylesheet">
-    <link href="../../../css/ie.css?1691874883" rel="stylesheet">
-    <script src="../../../js/url.js?1691874883"></script>
-    <script src="../../../js/variant.js?1691874883"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691877026" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691877026" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691877026" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691877026" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691877026" rel="stylesheet">
+    <link href="../../../css/print.css?1691877026" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1691877026" rel="stylesheet">
+    <link href="../../../css/ie.css?1691877026" rel="stylesheet">
+    <script src="../../../js/url.js?1691877026"></script>
+    <script src="../../../js/variant.js?1691877026"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -596,10 +596,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-4dac26b1a6f935c88575a257f5268e79" class="lightbox-link">
+<a href="#image-f8a018a54a7558d3d585d96b98b414f3" 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-4dac26b1a6f935c88575a257f5268e79">
+<a href="javascript:history.back();" class="lightbox" id="image-f8a018a54a7558d3d585d96b98b414f3">
 <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-cba53a720343e6867809ad20e6c4b1f4" class="lightbox-link">
+<a href="#image-82dcd864301f849bda588521da4c04b7" 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-cba53a720343e6867809ad20e6c4b1f4">
+<a href="javascript:history.back();" class="lightbox" id="image-82dcd864301f849bda588521da4c04b7">
 <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-81279ebea91c924cf813e780e7eccf36" class="lightbox-link">
+<a href="#image-a8a245d77d544abe174d5520a3cc0b5a" 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-81279ebea91c924cf813e780e7eccf36">
+<a href="javascript:history.back();" class="lightbox" id="image-a8a245d77d544abe174d5520a3cc0b5a">
 <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-9bde5567bfc54300439ab88ffb0ab95c" class="lightbox-link">
+<a href="#image-19df733c875fac8753f7c5943a27f4a3" 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-9bde5567bfc54300439ab88ffb0ab95c">
+<a href="javascript:history.back();" class="lightbox" id="image-19df733c875fac8753f7c5943a27f4a3">
 <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-b04f736c5fb4ce5f7dd4b7ff74def1f0" class="lightbox-link">
+<a href="#image-0b9bd5bfd4f17a2e2195502293b6579a" 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-b04f736c5fb4ce5f7dd4b7ff74def1f0">
+<a href="javascript:history.back();" class="lightbox" id="image-0b9bd5bfd4f17a2e2195502293b6579a">
 <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-0eae956dcf5f61630307ee515f95623d" class="lightbox-link">
+<a href="#image-a5c6f7fb81019dd8d1374b1e1cbf0bf7" 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-0eae956dcf5f61630307ee515f95623d">
+<a href="javascript:history.back();" class="lightbox" id="image-a5c6f7fb81019dd8d1374b1e1cbf0bf7">
 <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-8c7bd786db06599f0c4f44357bfacab2" class="lightbox-link">
+<a href="#image-b50c43811a1ee1fa00c949aa401998d1" 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-8c7bd786db06599f0c4f44357bfacab2">
+<a href="javascript:history.back();" class="lightbox" id="image-b50c43811a1ee1fa00c949aa401998d1">
 <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-3c7cf2979e12f2193a5e8fca8f6fef35" class="lightbox-link">
+<a href="#image-d7d32e6a35893565a1d58d69ac8c6b6c" 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-3c7cf2979e12f2193a5e8fca8f6fef35">
+<a href="javascript:history.back();" class="lightbox" id="image-d7d32e6a35893565a1d58d69ac8c6b6c">
 <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-197e143ea89b1b8f03193cf1cd9c7ee2" class="lightbox-link">
+<a href="#image-41427e37c469c11d7bc6106edf3485e7" 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-197e143ea89b1b8f03193cf1cd9c7ee2">
+<a href="javascript:history.back();" class="lightbox" id="image-41427e37c469c11d7bc6106edf3485e7">
 <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-afab51dbe70f340cd1d703f105ff33c1" class="lightbox-link">
+<a href="#image-990611aa3b0515c7bc8bce2b8cb59d97" 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-afab51dbe70f340cd1d703f105ff33c1">
+<a href="javascript:history.back();" class="lightbox" id="image-990611aa3b0515c7bc8bce2b8cb59d97">
 <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-47819e8e36309eb2a1ff69c19262bd87" class="lightbox-link">
+<a href="#image-61dda4e07acf1108fe56f27f3b137e41" 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-47819e8e36309eb2a1ff69c19262bd87">
+<a href="javascript:history.back();" class="lightbox" id="image-61dda4e07acf1108fe56f27f3b137e41">
 <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-afc5219cefadfa2819b0c90bc4dfb28d" class="lightbox-link">
+<a href="#image-adc1252427de0b9b6ca31d211daa99c3" 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-afc5219cefadfa2819b0c90bc4dfb28d">
+<a href="javascript:history.back();" class="lightbox" id="image-adc1252427de0b9b6ca31d211daa99c3">
 <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-6bc459251a1d1d46dd4f74fc026f0518" class="lightbox-link">
+<a href="#image-22deaadcd1e2c03d837b311130a8dd8c" 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-6bc459251a1d1d46dd4f74fc026f0518">
+<a href="javascript:history.back();" class="lightbox" id="image-22deaadcd1e2c03d837b311130a8dd8c">
 <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-29881c51f8c23cfe85cafbfe65ac5bb6" class="lightbox-link">
+<a href="#image-334999346b6138a70b6ca00047b974a8" 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-29881c51f8c23cfe85cafbfe65ac5bb6">
+<a href="javascript:history.back();" class="lightbox" id="image-334999346b6138a70b6ca00047b974a8">
 <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-fab46d7fce73598b2bb669639135ffa8" class="lightbox-link">
+<a href="#image-4e2ad6d82a9047acf6e783a2e9d2d6f9" 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-fab46d7fce73598b2bb669639135ffa8">
+<a href="javascript:history.back();" class="lightbox" id="image-4e2ad6d82a9047acf6e783a2e9d2d6f9">
 <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?1691874883" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691874883" defer></script>
-    <script src="../../../js/theme.js?1691874883" defer></script>
+    <script src="../../../js/clipboard.min.js?1691877026" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691877026" defer></script>
+    <script src="../../../js/theme.js?1691877026" defer></script>
   </body>
 </html>
diff --git a/pir/cont/menushortcuts/index.html b/pir/cont/menushortcuts/index.html
index 0ead1e32ce..ca5b93d5f5 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../../../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../../../js/url.js?1691874880"></script>
-    <script src="../../../js/variant.js?1691874880"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../../../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../../../js/url.js?1691877024"></script>
+    <script src="../../../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -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?1691874880" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1691874880" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691874880" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1691874880" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1691874880" defer></script>
-        <script src="../../../js/search.js?1691874880" defer></script>
+        <script src="../../../js/auto-complete.js?1691877024" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1691877024" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691877024" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1691877024" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1691877024" defer></script>
+        <script src="../../../js/search.js?1691877024" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -447,8 +447,7 @@ However, if ye want t' keep th' title but change its value, it can be overridden
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -456,25 +455,37 @@ However, if ye want t' keep th' title but change its value, it can be overridden
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1691874880"></script>
+          <script async src="../../../js/github-buttons.js?1691877024"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1691874880" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691874880" defer></script>
-    <script src="../../../js/theme.js?1691874880" defer></script>
+    <script src="../../../js/clipboard.min.js?1691877024" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691877024" defer></script>
+    <script src="../../../js/theme.js?1691877024" defer></script>
   </body>
 </html>
diff --git a/pir/cont/menushortcuts/index.print.html b/pir/cont/menushortcuts/index.print.html
index f099a4b184..3965379dc2 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691874883" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691874883" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691874883" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691874883" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691874883" rel="stylesheet">
-    <link href="../../../css/print.css?1691874883" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1691874883" rel="stylesheet">
-    <link href="../../../css/ie.css?1691874883" rel="stylesheet">
-    <script src="../../../js/url.js?1691874883"></script>
-    <script src="../../../js/variant.js?1691874883"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691877026" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691877026" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691877026" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691877026" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691877026" rel="stylesheet">
+    <link href="../../../css/print.css?1691877026" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1691877026" rel="stylesheet">
+    <link href="../../../css/ie.css?1691877026" rel="stylesheet">
+    <script src="../../../js/url.js?1691877026"></script>
+    <script src="../../../js/variant.js?1691877026"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -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?1691874883" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691874883" defer></script>
-    <script src="../../../js/theme.js?1691874883" defer></script>
+    <script src="../../../js/clipboard.min.js?1691877026" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691877026" defer></script>
+    <script src="../../../js/theme.js?1691877026" defer></script>
   </body>
 </html>
diff --git a/pir/cont/pages/index.html b/pir/cont/pages/index.html
index 84d69f1e78..5c9e112408 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../../../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../../../js/url.js?1691874880"></script>
-    <script src="../../../js/variant.js?1691874880"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../../../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../../../js/url.js?1691877024"></script>
+    <script src="../../../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -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-339055cab2b98761df804f1ddf6adab8" class="lightbox-link">
+<a href="#image-f27823d3b0c5cf3d0b6ce11afd11932f" 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-339055cab2b98761df804f1ddf6adab8">
+<a href="javascript:history.back();" class="lightbox" id="image-f27823d3b0c5cf3d0b6ce11afd11932f">
 <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?1691874882" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1691874882" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691874882" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1691874882" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1691874882" defer></script>
-        <script src="../../../js/search.js?1691874882" defer></script>
+        <script src="../../../js/auto-complete.js?1691877026" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1691877026" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691877026" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1691877026" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1691877026" defer></script>
+        <script src="../../../js/search.js?1691877026" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -436,8 +436,7 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -445,25 +444,37 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1691874882"></script>
+          <script async src="../../../js/github-buttons.js?1691877026"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1691874882" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691874882" defer></script>
-    <script src="../../../js/theme.js?1691874882" defer></script>
+    <script src="../../../js/clipboard.min.js?1691877026" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691877026" defer></script>
+    <script src="../../../js/theme.js?1691877026" defer></script>
   </body>
 </html>
diff --git a/pir/cont/pages/index.print.html b/pir/cont/pages/index.print.html
index 1b4b5a18fa..57f7f5403f 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691874883" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691874883" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691874883" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691874883" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691874883" rel="stylesheet">
-    <link href="../../../css/print.css?1691874883" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1691874883" rel="stylesheet">
-    <link href="../../../css/ie.css?1691874883" rel="stylesheet">
-    <script src="../../../js/url.js?1691874883"></script>
-    <script src="../../../js/variant.js?1691874883"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691877026" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691877026" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691877026" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691877026" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691877026" rel="stylesheet">
+    <link href="../../../css/print.css?1691877026" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1691877026" rel="stylesheet">
+    <link href="../../../css/ie.css?1691877026" rel="stylesheet">
+    <script src="../../../js/url.js?1691877026"></script>
+    <script src="../../../js/variant.js?1691877026"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -148,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-339055cab2b98761df804f1ddf6adab8" class="lightbox-link">
+<a href="#image-f27823d3b0c5cf3d0b6ce11afd11932f" 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-339055cab2b98761df804f1ddf6adab8">
+<a href="javascript:history.back();" class="lightbox" id="image-f27823d3b0c5cf3d0b6ce11afd11932f">
 <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?1691874883" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691874883" defer></script>
-    <script src="../../../js/theme.js?1691874883" defer></script>
+    <script src="../../../js/clipboard.min.js?1691877026" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691877026" defer></script>
+    <script src="../../../js/theme.js?1691877026" defer></script>
   </body>
 </html>
diff --git a/pir/cont/taxonomy/index.html b/pir/cont/taxonomy/index.html
index 5edd669d68..251888c1ad 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../../../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../../../js/url.js?1691874880"></script>
-    <script src="../../../js/variant.js?1691874880"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../../../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../../../js/url.js?1691877024"></script>
+    <script src="../../../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -216,12 +216,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1691874881" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1691874881" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691874881" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1691874881" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1691874881" defer></script>
-        <script src="../../../js/search.js?1691874881" defer></script>
+        <script src="../../../js/auto-complete.js?1691877024" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1691877024" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691877024" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1691877024" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1691877024" defer></script>
+        <script src="../../../js/search.js?1691877024" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -351,8 +351,7 @@
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -360,25 +359,37 @@
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1691874881"></script>
+          <script async src="../../../js/github-buttons.js?1691877024"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1691874881" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691874881" defer></script>
-    <script src="../../../js/theme.js?1691874881" defer></script>
+    <script src="../../../js/clipboard.min.js?1691877024" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691877024" defer></script>
+    <script src="../../../js/theme.js?1691877024" defer></script>
   </body>
 </html>
diff --git a/pir/cont/taxonomy/index.print.html b/pir/cont/taxonomy/index.print.html
index 45c2689537..c2f314ffae 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691874883" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691874883" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691874883" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691874883" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691874883" rel="stylesheet">
-    <link href="../../../css/print.css?1691874883" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1691874883" rel="stylesheet">
-    <link href="../../../css/ie.css?1691874883" rel="stylesheet">
-    <script src="../../../js/url.js?1691874883"></script>
-    <script src="../../../js/variant.js?1691874883"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691877026" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691877026" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691877026" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691877026" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691877026" rel="stylesheet">
+    <link href="../../../css/print.css?1691877026" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1691877026" rel="stylesheet">
+    <link href="../../../css/ie.css?1691877026" rel="stylesheet">
+    <script src="../../../js/url.js?1691877026"></script>
+    <script src="../../../js/variant.js?1691877026"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -112,8 +112,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1691874883" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691874883" defer></script>
-    <script src="../../../js/theme.js?1691874883" defer></script>
+    <script src="../../../js/clipboard.min.js?1691877026" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691877026" defer></script>
+    <script src="../../../js/theme.js?1691877026" defer></script>
   </body>
 </html>
diff --git a/pir/dev/contributing/index.html b/pir/dev/contributing/index.html
index 29d8c52a34..b73678ac95 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../../../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../../../js/url.js?1691874880"></script>
-    <script src="../../../js/variant.js?1691874880"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../../../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../../../js/url.js?1691877024"></script>
+    <script src="../../../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -306,12 +306,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1691874882" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1691874882" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691874882" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1691874882" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1691874882" defer></script>
-        <script src="../../../js/search.js?1691874882" defer></script>
+        <script src="../../../js/auto-complete.js?1691877026" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1691877026" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691877026" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1691877026" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1691877026" defer></script>
+        <script src="../../../js/search.js?1691877026" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -445,8 +445,7 @@
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -454,25 +453,37 @@
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1691874882"></script>
+          <script async src="../../../js/github-buttons.js?1691877026"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1691874882" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691874882" defer></script>
-    <script src="../../../js/theme.js?1691874882" defer></script>
+    <script src="../../../js/clipboard.min.js?1691877026" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691877026" defer></script>
+    <script src="../../../js/theme.js?1691877026" defer></script>
   </body>
 </html>
diff --git a/pir/dev/contributing/index.print.html b/pir/dev/contributing/index.print.html
index a4dd7ccde8..0044e8f1dc 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691874883" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691874883" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691874883" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691874883" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691874883" rel="stylesheet">
-    <link href="../../../css/print.css?1691874883" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1691874883" rel="stylesheet">
-    <link href="../../../css/ie.css?1691874883" rel="stylesheet">
-    <script src="../../../js/url.js?1691874883"></script>
-    <script src="../../../js/variant.js?1691874883"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691877026" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691877026" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691877026" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691877026" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691877026" rel="stylesheet">
+    <link href="../../../css/print.css?1691877026" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1691877026" rel="stylesheet">
+    <link href="../../../css/ie.css?1691877026" rel="stylesheet">
+    <script src="../../../js/url.js?1691877026"></script>
+    <script src="../../../js/variant.js?1691877026"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -203,8 +203,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1691874883" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691874883" defer></script>
-    <script src="../../../js/theme.js?1691874883" defer></script>
+    <script src="../../../js/clipboard.min.js?1691877026" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691877026" defer></script>
+    <script src="../../../js/theme.js?1691877026" defer></script>
   </body>
 </html>
diff --git a/pir/dev/index.html b/pir/dev/index.html
index 931b74413c..98b2f7739b 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../../js/url.js?1691874880"></script>
-    <script src="../../js/variant.js?1691874880"></script>
+    <link href="../../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../../js/url.js?1691877024"></script>
+    <script src="../../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -186,12 +186,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1691874882" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1691874882" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691874882" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1691874882" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1691874882" defer></script>
-        <script src="../../js/search.js?1691874882" defer></script>
+        <script src="../../js/auto-complete.js?1691877026" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1691877026" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691877026" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1691877026" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1691877026" defer></script>
+        <script src="../../js/search.js?1691877026" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -325,8 +325,7 @@
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -334,25 +333,37 @@
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../js/github-buttons.js?1691874882"></script>
+          <script async src="../../js/github-buttons.js?1691877026"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1691874882" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691874882" defer></script>
-    <script src="../../js/theme.js?1691874882" defer></script>
+    <script src="../../js/clipboard.min.js?1691877026" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691877026" defer></script>
+    <script src="../../js/theme.js?1691877026" defer></script>
   </body>
 </html>
diff --git a/pir/dev/index.print.html b/pir/dev/index.print.html
index 82c59a3322..9fe4cb7ea6 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691874883" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691874883" rel="stylesheet">
-    <link href="../../css/fonts.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691874883" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691874883" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691874883" rel="stylesheet">
-    <link href="../../css/print.css?1691874883" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1691874883" rel="stylesheet">
-    <link href="../../css/ie.css?1691874883" rel="stylesheet">
-    <script src="../../js/url.js?1691874883"></script>
-    <script src="../../js/variant.js?1691874883"></script>
+    <link href="../../css/fontawesome-all.min.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691877026" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691877026" rel="stylesheet">
+    <link href="../../css/fonts.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691877026" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691877026" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691877026" rel="stylesheet">
+    <link href="../../css/print.css?1691877026" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1691877026" rel="stylesheet">
+    <link href="../../css/ie.css?1691877026" rel="stylesheet">
+    <script src="../../js/url.js?1691877026"></script>
+    <script src="../../js/variant.js?1691877026"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -469,10 +469,10 @@
 <p>
 		
 		
-<a href="#image-a3facc83a81154e0061c8928e0663f56" class="lightbox-link">
+<a href="#image-a31de723740e44e0c94af4c99cba05da" 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-a3facc83a81154e0061c8928e0663f56">
+<a href="javascript:history.back();" class="lightbox" id="image-a31de723740e44e0c94af4c99cba05da">
 <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-80017ebb331afda2dcb6b0b7ff45be13" class="lightbox-link">
+<a href="#image-7e5c350d59262de1ede50ddf5537bf76" 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-80017ebb331afda2dcb6b0b7ff45be13">
+<a href="javascript:history.back();" class="lightbox" id="image-7e5c350d59262de1ede50ddf5537bf76">
 <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-e8f09a48a8dcec376a83b67243dfb77d" class="lightbox-link">
+<a href="#image-59250d63ee3c4054e24475b679b786d3" 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-e8f09a48a8dcec376a83b67243dfb77d">
+<a href="javascript:history.back();" class="lightbox" id="image-59250d63ee3c4054e24475b679b786d3">
 <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?1691874883" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691874883" defer></script>
-    <script src="../../js/theme.js?1691874883" defer></script>
+    <script src="../../js/clipboard.min.js?1691877026" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691877026" defer></script>
+    <script src="../../js/theme.js?1691877026" defer></script>
   </body>
 </html>
diff --git a/pir/dev/maintaining/index.html b/pir/dev/maintaining/index.html
index 5b13ed4a87..102da28f80 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../../../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../../../js/url.js?1691874880"></script>
-    <script src="../../../js/variant.js?1691874880"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../../../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../../../js/url.js?1691877024"></script>
+    <script src="../../../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -393,12 +393,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1691874882" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1691874882" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691874882" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1691874882" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1691874882" defer></script>
-        <script src="../../../js/search.js?1691874882" defer></script>
+        <script src="../../../js/auto-complete.js?1691877026" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1691877026" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691877026" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1691877026" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1691877026" defer></script>
+        <script src="../../../js/search.js?1691877026" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -532,8 +532,7 @@
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -541,25 +540,37 @@
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1691874882"></script>
+          <script async src="../../../js/github-buttons.js?1691877026"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1691874882" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691874882" defer></script>
-    <script src="../../../js/theme.js?1691874882" defer></script>
+    <script src="../../../js/clipboard.min.js?1691877026" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691877026" defer></script>
+    <script src="../../../js/theme.js?1691877026" defer></script>
   </body>
 </html>
diff --git a/pir/dev/maintaining/index.print.html b/pir/dev/maintaining/index.print.html
index f17c12c467..5ca249f809 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691874883" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691874883" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691874883" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691874883" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691874883" rel="stylesheet">
-    <link href="../../../css/print.css?1691874883" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1691874883" rel="stylesheet">
-    <link href="../../../css/ie.css?1691874883" rel="stylesheet">
-    <script src="../../../js/url.js?1691874883"></script>
-    <script src="../../../js/variant.js?1691874883"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691877026" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691877026" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691877026" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691877026" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691877026" rel="stylesheet">
+    <link href="../../../css/print.css?1691877026" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1691877026" rel="stylesheet">
+    <link href="../../../css/ie.css?1691877026" rel="stylesheet">
+    <script src="../../../js/url.js?1691877026"></script>
+    <script src="../../../js/variant.js?1691877026"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -279,8 +279,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1691874883" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691874883" defer></script>
-    <script src="../../../js/theme.js?1691874883" defer></script>
+    <script src="../../../js/clipboard.min.js?1691877026" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691877026" defer></script>
+    <script src="../../../js/theme.js?1691877026" defer></script>
   </body>
 </html>
diff --git a/pir/dev/screenshots/index.html b/pir/dev/screenshots/index.html
index 97af6fe65b..b254b93958 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../../../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../../../js/url.js?1691874880"></script>
-    <script src="../../../js/variant.js?1691874880"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../../../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../../../js/url.js?1691877024"></script>
+    <script src="../../../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -146,10 +146,10 @@
 <p>
 		
 		
-<a href="#image-a3facc83a81154e0061c8928e0663f56" class="lightbox-link">
+<a href="#image-a31de723740e44e0c94af4c99cba05da" 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-a3facc83a81154e0061c8928e0663f56">
+<a href="javascript:history.back();" class="lightbox" id="image-a31de723740e44e0c94af4c99cba05da">
 <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-80017ebb331afda2dcb6b0b7ff45be13" class="lightbox-link">
+<a href="#image-7e5c350d59262de1ede50ddf5537bf76" 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-80017ebb331afda2dcb6b0b7ff45be13">
+<a href="javascript:history.back();" class="lightbox" id="image-7e5c350d59262de1ede50ddf5537bf76">
 <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-e8f09a48a8dcec376a83b67243dfb77d" class="lightbox-link">
+<a href="#image-59250d63ee3c4054e24475b679b786d3" 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-e8f09a48a8dcec376a83b67243dfb77d">
+<a href="javascript:history.back();" class="lightbox" id="image-59250d63ee3c4054e24475b679b786d3">
 <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?1691874882" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1691874882" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691874882" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1691874882" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1691874882" defer></script>
-        <script src="../../../js/search.js?1691874882" defer></script>
+        <script src="../../../js/auto-complete.js?1691877026" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1691877026" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691877026" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1691877026" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1691877026" defer></script>
+        <script src="../../../js/search.js?1691877026" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -425,8 +425,7 @@
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -434,25 +433,37 @@
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1691874882"></script>
+          <script async src="../../../js/github-buttons.js?1691877026"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1691874882" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691874882" defer></script>
-    <script src="../../../js/theme.js?1691874882" defer></script>
+    <script src="../../../js/clipboard.min.js?1691877026" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691877026" defer></script>
+    <script src="../../../js/theme.js?1691877026" defer></script>
   </body>
 </html>
diff --git a/pir/dev/screenshots/index.print.html b/pir/dev/screenshots/index.print.html
index 82602c8fda..8f1805beb6 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691874883" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691874883" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691874883" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691874883" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691874883" rel="stylesheet">
-    <link href="../../../css/print.css?1691874883" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1691874883" rel="stylesheet">
-    <link href="../../../css/ie.css?1691874883" rel="stylesheet">
-    <script src="../../../js/url.js?1691874883"></script>
-    <script src="../../../js/variant.js?1691874883"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691877026" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691877026" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691877026" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691877026" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691877026" rel="stylesheet">
+    <link href="../../../css/print.css?1691877026" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1691877026" rel="stylesheet">
+    <link href="../../../css/ie.css?1691877026" rel="stylesheet">
+    <script src="../../../js/url.js?1691877026"></script>
+    <script src="../../../js/variant.js?1691877026"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -110,10 +110,10 @@
 <p>
 		
 		
-<a href="#image-a3facc83a81154e0061c8928e0663f56" class="lightbox-link">
+<a href="#image-a31de723740e44e0c94af4c99cba05da" 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-a3facc83a81154e0061c8928e0663f56">
+<a href="javascript:history.back();" class="lightbox" id="image-a31de723740e44e0c94af4c99cba05da">
 <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-80017ebb331afda2dcb6b0b7ff45be13" class="lightbox-link">
+<a href="#image-7e5c350d59262de1ede50ddf5537bf76" 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-80017ebb331afda2dcb6b0b7ff45be13">
+<a href="javascript:history.back();" class="lightbox" id="image-7e5c350d59262de1ede50ddf5537bf76">
 <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-e8f09a48a8dcec376a83b67243dfb77d" class="lightbox-link">
+<a href="#image-59250d63ee3c4054e24475b679b786d3" 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-e8f09a48a8dcec376a83b67243dfb77d">
+<a href="javascript:history.back();" class="lightbox" id="image-59250d63ee3c4054e24475b679b786d3">
 <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?1691874883" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691874883" defer></script>
-    <script src="../../../js/theme.js?1691874883" defer></script>
+    <script src="../../../js/clipboard.min.js?1691877026" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691877026" defer></script>
+    <script src="../../../js/theme.js?1691877026" defer></script>
   </body>
 </html>
diff --git a/pir/index.html b/pir/index.html
index b9c033bc0c..bf5c26d4f2 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../js/url.js?1691874880"></script>
-    <script src="../js/variant.js?1691874880"></script>
+    <link href="../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../js/url.js?1691877024"></script>
+    <script src="../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -115,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-2f76b208747fcbb10f67388669dd05e1" class="lightbox-link">
+<a href="#image-08e13f1df1aa9050c19e5d15333f9f5e" 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-2f76b208747fcbb10f67388669dd05e1">
+<a href="javascript:history.back();" class="lightbox" id="image-08e13f1df1aa9050c19e5d15333f9f5e">
 <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?1691874881" defer></script>
-        <script src="../js/lunr/lunr.min.js?1691874881" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1691874881" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1691874881" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1691874881" defer></script>
-        <script src="../js/search.js?1691874881" defer></script>
+        <script src="../js/auto-complete.js?1691877025" defer></script>
+        <script src="../js/lunr/lunr.min.js?1691877025" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1691877025" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1691877025" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1691877025" defer></script>
+        <script src="../js/search.js?1691877025" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -428,8 +428,7 @@
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -437,25 +436,37 @@
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../js/github-buttons.js?1691874881"></script>
+          <script async src="../js/github-buttons.js?1691877025"></script>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1691874881" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1691874881" defer></script>
-    <script src="../js/theme.js?1691874881" defer></script>
+    <script src="../js/clipboard.min.js?1691877025" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1691877025" defer></script>
+    <script src="../js/theme.js?1691877025" defer></script>
   </body>
 </html>
diff --git a/pir/index.print.html b/pir/index.print.html
index 565066379d..b5923dd140 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1691874883" rel="stylesheet">
-    <link href="../css/auto-complete.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1691874883" rel="stylesheet">
-    <link href="../css/fonts.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1691874883" rel="stylesheet">
-    <link href="../css/theme-auto.css?1691874883" rel="stylesheet" id="variant-style">
-    <link href="../css/variant.css?1691874883" rel="stylesheet">
-    <link href="../css/print.css?1691874883" rel="stylesheet" media="print">
-    <link href="../css/format-print.css?1691874883" rel="stylesheet">
-    <link href="../css/ie.css?1691874883" rel="stylesheet">
-    <script src="../js/url.js?1691874883"></script>
-    <script src="../js/variant.js?1691874883"></script>
+    <link href="../css/fontawesome-all.min.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1691877026" rel="stylesheet">
+    <link href="../css/auto-complete.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1691877026" rel="stylesheet">
+    <link href="../css/fonts.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1691877026" rel="stylesheet">
+    <link href="../css/theme-auto.css?1691877026" rel="stylesheet" id="variant-style">
+    <link href="../css/variant.css?1691877026" rel="stylesheet">
+    <link href="../css/print.css?1691877026" rel="stylesheet" media="print">
+    <link href="../css/format-print.css?1691877026" rel="stylesheet">
+    <link href="../css/ie.css?1691877026" rel="stylesheet">
+    <script src="../js/url.js?1691877026"></script>
+    <script src="../js/variant.js?1691877026"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -85,10 +85,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-2f76b208747fcbb10f67388669dd05e1" class="lightbox-link">
+<a href="#image-08e13f1df1aa9050c19e5d15333f9f5e" 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-2f76b208747fcbb10f67388669dd05e1">
+<a href="javascript:history.back();" class="lightbox" id="image-08e13f1df1aa9050c19e5d15333f9f5e">
 <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>
@@ -923,10 +923,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-a8184a9d81c20ad5eadcdd508918c90d" class="lightbox-link">
+<a href="#image-cbc97a518c5bb75fe51bb907e755e9dc" 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-a8184a9d81c20ad5eadcdd508918c90d">
+<a href="javascript:history.back();" class="lightbox" id="image-cbc97a518c5bb75fe51bb907e755e9dc">
 <img src="../basics/requirements/magic.gif?classes=shadow" alt="Magic" class="lightbox-image" loading="lazy">
 </a></p>
 
@@ -975,10 +975,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-1d4316c46df0f43557ec946302adc07b" class="lightbox-link">
+<a href="#image-9bc01c510153900d294e93dcfff6fe0b" 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-1d4316c46df0f43557ec946302adc07b">
+<a href="javascript:history.back();" class="lightbox" id="image-9bc01c510153900d294e93dcfff6fe0b">
 <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>
@@ -1133,10 +1133,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-7aa24dcc03b3a73cef09c6e8d580aecd" class="lightbox-link">
+<a href="#image-3270482028532a82b64c63036eb86eee" 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-7aa24dcc03b3a73cef09c6e8d580aecd">
+<a href="javascript:history.back();" class="lightbox" id="image-3270482028532a82b64c63036eb86eee">
 <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>
@@ -1185,10 +1185,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-61847305cb75a834de242f4d57cc1711" class="lightbox-link">
+<a href="#image-4f93671d52b2f81aa7c9a355706cca2a" 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-61847305cb75a834de242f4d57cc1711">
+<a href="javascript:history.back();" class="lightbox" id="image-4f93671d52b2f81aa7c9a355706cca2a">
 <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>
 
@@ -1315,13 +1315,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-00c979b551228cdad76895eb640fc8b6" aria-controls="expandcontent-00c979b551228cdad76895eb640fc8b6" >
-    <label class="expand-label" for="expand-00c979b551228cdad76895eb640fc8b6" >
+    <input type="checkbox" id="expand-6eaa6ecd1a799b0eb23c50b775a807df" aria-controls="expandcontent-6eaa6ecd1a799b0eb23c50b775a807df" >
+    <label class="expand-label" for="expand-6eaa6ecd1a799b0eb23c50b775a807df" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show usage instruct'ns
     </label>
-    <div id="expandcontent-00c979b551228cdad76895eb640fc8b6" class="expand-content">
+    <div id="expandcontent-6eaa6ecd1a799b0eb23c50b775a807df" 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>
@@ -2656,10 +2656,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-339055cab2b98761df804f1ddf6adab8" class="lightbox-link">
+<a href="#image-f27823d3b0c5cf3d0b6ce11afd11932f" 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-339055cab2b98761df804f1ddf6adab8">
+<a href="javascript:history.back();" class="lightbox" id="image-f27823d3b0c5cf3d0b6ce11afd11932f">
 <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>
@@ -2708,10 +2708,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-5256aeab551421a9338c40bb04384b1d" class="lightbox-link">
+<a href="#image-e7c00e3607cf983ac2f42dfeb005ccd4" 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-5256aeab551421a9338c40bb04384b1d">
+<a href="javascript:history.back();" class="lightbox" id="image-e7c00e3607cf983ac2f42dfeb005ccd4">
 <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>
@@ -2725,10 +2725,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-7b89b3367bb9d9227563a746eb3878b8" class="lightbox-link">
+<a href="#image-c6face8692595823a31b1b83b45a6e09" 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-7b89b3367bb9d9227563a746eb3878b8">
+<a href="javascript:history.back();" class="lightbox" id="image-c6face8692595823a31b1b83b45a6e09">
 <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>
@@ -2744,10 +2744,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-65747a8ce3d74e0174b57f5c9049e727" class="lightbox-link">
+<a href="#image-3ebd67126754e4498df031b9f77749a4" 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-65747a8ce3d74e0174b57f5c9049e727">
+<a href="javascript:history.back();" class="lightbox" id="image-3ebd67126754e4498df031b9f77749a4">
 <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>
@@ -3324,10 +3324,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-4dac26b1a6f935c88575a257f5268e79" class="lightbox-link">
+<a href="#image-f8a018a54a7558d3d585d96b98b414f3" 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-4dac26b1a6f935c88575a257f5268e79">
+<a href="javascript:history.back();" class="lightbox" id="image-f8a018a54a7558d3d585d96b98b414f3">
 <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>
@@ -3341,10 +3341,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-cba53a720343e6867809ad20e6c4b1f4" class="lightbox-link">
+<a href="#image-82dcd864301f849bda588521da4c04b7" 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-cba53a720343e6867809ad20e6c4b1f4">
+<a href="javascript:history.back();" class="lightbox" id="image-82dcd864301f849bda588521da4c04b7">
 <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>
@@ -3360,10 +3360,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-81279ebea91c924cf813e780e7eccf36" class="lightbox-link">
+<a href="#image-a8a245d77d544abe174d5520a3cc0b5a" 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-81279ebea91c924cf813e780e7eccf36">
+<a href="javascript:history.back();" class="lightbox" id="image-a8a245d77d544abe174d5520a3cc0b5a">
 <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>
@@ -3379,10 +3379,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-9bde5567bfc54300439ab88ffb0ab95c" class="lightbox-link">
+<a href="#image-19df733c875fac8753f7c5943a27f4a3" 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-9bde5567bfc54300439ab88ffb0ab95c">
+<a href="javascript:history.back();" class="lightbox" id="image-19df733c875fac8753f7c5943a27f4a3">
 <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>
@@ -3394,10 +3394,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-b04f736c5fb4ce5f7dd4b7ff74def1f0" class="lightbox-link">
+<a href="#image-0b9bd5bfd4f17a2e2195502293b6579a" 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-b04f736c5fb4ce5f7dd4b7ff74def1f0">
+<a href="javascript:history.back();" class="lightbox" id="image-0b9bd5bfd4f17a2e2195502293b6579a">
 <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>
@@ -3410,10 +3410,10 @@ line 3 o' code
 <p>
 		
 		
-<a href="#image-0eae956dcf5f61630307ee515f95623d" class="lightbox-link">
+<a href="#image-a5c6f7fb81019dd8d1374b1e1cbf0bf7" 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-0eae956dcf5f61630307ee515f95623d">
+<a href="javascript:history.back();" class="lightbox" id="image-a5c6f7fb81019dd8d1374b1e1cbf0bf7">
 <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>
@@ -3428,10 +3428,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-8c7bd786db06599f0c4f44357bfacab2" class="lightbox-link">
+<a href="#image-b50c43811a1ee1fa00c949aa401998d1" 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-8c7bd786db06599f0c4f44357bfacab2">
+<a href="javascript:history.back();" class="lightbox" id="image-b50c43811a1ee1fa00c949aa401998d1">
 <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>
@@ -3444,10 +3444,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-3c7cf2979e12f2193a5e8fca8f6fef35" class="lightbox-link">
+<a href="#image-d7d32e6a35893565a1d58d69ac8c6b6c" 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-3c7cf2979e12f2193a5e8fca8f6fef35">
+<a href="javascript:history.back();" class="lightbox" id="image-d7d32e6a35893565a1d58d69ac8c6b6c">
 <img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border" alt="DrOctocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -3460,10 +3460,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-197e143ea89b1b8f03193cf1cd9c7ee2" class="lightbox-link">
+<a href="#image-41427e37c469c11d7bc6106edf3485e7" 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-197e143ea89b1b8f03193cf1cd9c7ee2">
+<a href="javascript:history.back();" class="lightbox" id="image-41427e37c469c11d7bc6106edf3485e7">
 <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>
@@ -3476,10 +3476,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-afab51dbe70f340cd1d703f105ff33c1" class="lightbox-link">
+<a href="#image-990611aa3b0515c7bc8bce2b8cb59d97" 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-afab51dbe70f340cd1d703f105ff33c1">
+<a href="javascript:history.back();" class="lightbox" id="image-990611aa3b0515c7bc8bce2b8cb59d97">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -3495,34 +3495,34 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-47819e8e36309eb2a1ff69c19262bd87" class="lightbox-link">
+<a href="#image-61dda4e07acf1108fe56f27f3b137e41" 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-47819e8e36309eb2a1ff69c19262bd87">
+<a href="javascript:history.back();" class="lightbox" id="image-61dda4e07acf1108fe56f27f3b137e41">
 <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-afc5219cefadfa2819b0c90bc4dfb28d" class="lightbox-link">
+<a href="#image-adc1252427de0b9b6ca31d211daa99c3" 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-afc5219cefadfa2819b0c90bc4dfb28d">
+<a href="javascript:history.back();" class="lightbox" id="image-adc1252427de0b9b6ca31d211daa99c3">
 <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-6bc459251a1d1d46dd4f74fc026f0518" class="lightbox-link">
+<a href="#image-22deaadcd1e2c03d837b311130a8dd8c" 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-6bc459251a1d1d46dd4f74fc026f0518">
+<a href="javascript:history.back();" class="lightbox" id="image-22deaadcd1e2c03d837b311130a8dd8c">
 <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-29881c51f8c23cfe85cafbfe65ac5bb6" class="lightbox-link">
+<a href="#image-334999346b6138a70b6ca00047b974a8" 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-29881c51f8c23cfe85cafbfe65ac5bb6">
+<a href="javascript:history.back();" class="lightbox" id="image-334999346b6138a70b6ca00047b974a8">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image" loading="lazy">
 </a></p>
 </div>
@@ -3535,10 +3535,10 @@ line 3 o' code
 
 <p>
 		
-<a href="#image-fab46d7fce73598b2bb669639135ffa8" class="lightbox-link">
+<a href="#image-4e2ad6d82a9047acf6e783a2e9d2d6f9" 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-fab46d7fce73598b2bb669639135ffa8">
+<a href="javascript:history.back();" class="lightbox" id="image-4e2ad6d82a9047acf6e783a2e9d2d6f9">
 <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>
@@ -3711,10 +3711,10 @@ However, if ye want t' keep th' title but change its value, it can be overridden
 </ul>
 <p>
 		
-<a href="#image-35a4480be9dbe9bbc469515c097a56d5" class="lightbox-link">
+<a href="#image-9e9a5168ed53f8a892acbe99f9cc998f" 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-35a4480be9dbe9bbc469515c097a56d5">
+<a href="javascript:history.back();" class="lightbox" id="image-9e9a5168ed53f8a892acbe99f9cc998f">
 <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>
@@ -5148,13 +5148,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-895a6ab1af76ac820dc56071c7743075" aria-controls="expandcontent-895a6ab1af76ac820dc56071c7743075" >
-    <label class="expand-label" for="expand-895a6ab1af76ac820dc56071c7743075" >
+    <input type="checkbox" id="expand-852163cd96f5e05ed4e43243d14050d7" aria-controls="expandcontent-852163cd96f5e05ed4e43243d14050d7" >
+    <label class="expand-label" for="expand-852163cd96f5e05ed4e43243d14050d7" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-895a6ab1af76ac820dc56071c7743075" class="expand-content">
+    <div id="expandcontent-852163cd96f5e05ed4e43243d14050d7" 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>
@@ -5281,26 +5281,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-c08c0935924bd1a566027be00807f88b" aria-controls="expandcontent-c08c0935924bd1a566027be00807f88b" >
-    <label class="expand-label" for="expand-c08c0935924bd1a566027be00807f88b" >
+    <input type="checkbox" id="expand-5369ad409d73c2ff8243ab3bc599a74a" aria-controls="expandcontent-5369ad409d73c2ff8243ab3bc599a74a" >
+    <label class="expand-label" for="expand-5369ad409d73c2ff8243ab3bc599a74a" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-c08c0935924bd1a566027be00807f88b" class="expand-content">
+    <div id="expandcontent-5369ad409d73c2ff8243ab3bc599a74a" 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-23e8cd7e496233066d78996c11a24ef3" aria-controls="expandcontent-23e8cd7e496233066d78996c11a24ef3"  checked>
-    <label class="expand-label" for="expand-23e8cd7e496233066d78996c11a24ef3" >
+    <input type="checkbox" id="expand-54e9246751715f55dd145b829c50f4ff" aria-controls="expandcontent-54e9246751715f55dd145b829c50f4ff"  checked>
+    <label class="expand-label" for="expand-54e9246751715f55dd145b829c50f4ff" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-23e8cd7e496233066d78996c11a24ef3" class="expand-content">
+    <div id="expandcontent-54e9246751715f55dd145b829c50f4ff" class="expand-content">
 <p>
 No need t' press ye!</div>
 </div>
@@ -5321,13 +5321,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-27442a16dcd31f51dc97aed4e5a53526" aria-controls="expandcontent-27442a16dcd31f51dc97aed4e5a53526" >
-    <label class="expand-label" for="expand-27442a16dcd31f51dc97aed4e5a53526" >
+    <input type="checkbox" id="expand-17b1b20dadf9e86ce8972da61dbe3a7d" aria-controls="expandcontent-17b1b20dadf9e86ce8972da61dbe3a7d" >
+    <label class="expand-label" for="expand-17b1b20dadf9e86ce8972da61dbe3a7d" >
         <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-27442a16dcd31f51dc97aed4e5a53526" class="expand-content">
+    <div id="expandcontent-17b1b20dadf9e86ce8972da61dbe3a7d" class="expand-content">
 
 <p>Ye can add standard markdown rules:</p>
 <ul>
@@ -7108,7 +7108,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-283aa7ffe5645c5c3642ce327328ed00"
+    id="openapi-9d3097d5508b0bb75edcac68426eec91"
     openapi-url="../shortcodes/openapi/petstore.json"
   ></div>
 </div>
@@ -7216,13 +7216,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="fd711cc023dee7661f849cca7569d459">
+<div class="tab-panel" data-tab-group="15603a1a5d67f42411ae7531143705db">
   <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('fd711cc023dee7661f849cca7569d459','config.toml')"
+      onclick="switchTab('15603a1a5d67f42411ae7531143705db','config.toml')"
     >
       <div>
         <div class="tab-nav-hidden">config.toml</div>
@@ -7260,13 +7260,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="86191e3781f548c749fd988ff3b89b4c">
+<div class="tab-panel" data-tab-group="f7466875c85acebcb390598784806cdf">
   <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('86191e3781f548c749fd988ff3b89b4c','c')"
+      onclick="switchTab('f7466875c85acebcb390598784806cdf','c')"
     >
       <div>
         <div class="tab-nav-hidden">c</div>
@@ -7376,13 +7376,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="776bb0a24a7bd7501d6ff1764a08cec3">
+<div class="tab-panel" data-tab-group="25aaa029ce151236c6acd502d422b3f9">
   <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('776bb0a24a7bd7501d6ff1764a08cec3','Code')"
+      onclick="switchTab('25aaa029ce151236c6acd502d422b3f9','Code')"
     >
       <div>
         <div class="tab-nav-hidden">Code</div>
@@ -7402,13 +7402,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="5e3b35931a61240ae1fa391d44d6e590">
+<div class="tab-panel" data-tab-group="3b241885f49515222684fce3e16dc2b5">
   <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('5e3b35931a61240ae1fa391d44d6e590','Mixed')"
+      onclick="switchTab('3b241885f49515222684fce3e16dc2b5','Mixed')"
     >
       <div>
         <div class="tab-nav-hidden"><em><strong>Mixed</strong></em></div>
@@ -7456,13 +7456,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="f35da44fb678bfc777e108edf23e2ed9">
+<div class="tab-panel" data-tab-group="0df9ff7e491e308c8add7a7f72776390">
   <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('f35da44fb678bfc777e108edf23e2ed9','just colored style')"
+      onclick="switchTab('0df9ff7e491e308c8add7a7f72776390','just colored style')"
     >
       <div>
         <div class="tab-nav-hidden">just colored style</div>
@@ -7472,7 +7472,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('f35da44fb678bfc777e108edf23e2ed9','just color')"
+      onclick="switchTab('0df9ff7e491e308c8add7a7f72776390','just color')"
     >
       <div>
         <div class="tab-nav-hidden">just color</div>
@@ -7482,7 +7482,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('f35da44fb678bfc777e108edf23e2ed9','default style an' color')"
+      onclick="switchTab('0df9ff7e491e308c8add7a7f72776390','default style an' color')"
     >
       <div>
         <div class="tab-nav-hidden">default style an' color</div>
@@ -7492,7 +7492,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('f35da44fb678bfc777e108edf23e2ed9','just severity stylefa-fw fas fa-info-circle')"
+      onclick="switchTab('0df9ff7e491e308c8add7a7f72776390','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>
@@ -7502,7 +7502,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('f35da44fb678bfc777e108edf23e2ed9','severity style an' colorfa-fw fas fa-info-circle')"
+      onclick="switchTab('0df9ff7e491e308c8add7a7f72776390','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>
@@ -7575,13 +7575,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="49ec946c46a502c81b5810ef2c569f1c">
+<div class="tab-panel" data-tab-group="b78a43780c9d428ac7d844987fcd29c5">
   <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('49ec946c46a502c81b5810ef2c569f1c','py')"
+      onclick="switchTab('b78a43780c9d428ac7d844987fcd29c5','py')"
     >
       <div>
         <div class="tab-nav-hidden">py</div>
@@ -7591,7 +7591,7 @@ Electricity grid,H2 conversion,27.14
     <button
       data-tab-item="sh"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('49ec946c46a502c81b5810ef2c569f1c','sh')"
+      onclick="switchTab('b78a43780c9d428ac7d844987fcd29c5','sh')"
     >
       <div>
         <div class="tab-nav-hidden">sh</div>
@@ -7601,7 +7601,7 @@ Electricity grid,H2 conversion,27.14
     <button
       data-tab-item="c"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('49ec946c46a502c81b5810ef2c569f1c','c')"
+      onclick="switchTab('b78a43780c9d428ac7d844987fcd29c5','c')"
     >
       <div>
         <div class="tab-nav-hidden">c</div>
@@ -7758,13 +7758,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="a01c3b9481260f77b751c4c9fdc36575">
+<div class="tab-panel" data-tab-group="a27bf9df14c597245a0312625965630a">
   <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('a01c3b9481260f77b751c4c9fdc36575','Group A, Tab View 1')"
+      onclick="switchTab('a27bf9df14c597245a0312625965630a','Group A, Tab View 1')"
     >
       <div>
         <div class="tab-nav-hidden">Group A, Tab View 1</div>
@@ -7774,7 +7774,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('a01c3b9481260f77b751c4c9fdc36575','Group A, Tab View 2')"
+      onclick="switchTab('a27bf9df14c597245a0312625965630a','Group A, Tab View 2')"
     >
       <div>
         <div class="tab-nav-hidden">Group A, Tab View 2</div>
@@ -7784,7 +7784,7 @@ Electricity grid,H2 conversion,27.14
     <button
       data-tab-item="Group B"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('a01c3b9481260f77b751c4c9fdc36575','Group B')"
+      onclick="switchTab('a27bf9df14c597245a0312625965630a','Group B')"
     >
       <div>
         <div class="tab-nav-hidden">Group B</div>
@@ -8185,8 +8185,8 @@ Electricity grid,H2 conversion,27.14
         </div>
       </main>
     </div>
-    <script src="../js/clipboard.min.js?1691874883" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1691874883" defer></script>
+    <script src="../js/clipboard.min.js?1691877026" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1691877026" defer></script>
     <script>
       function useMathJax( config ){
         if( !Object.assign ){
@@ -8215,27 +8215,27 @@ Electricity grid,H2 conversion,27.14
       }
       useMathJax( JSON.parse("{}") );
     </script>
-    <script id="MathJax-script" async src="../js/mathjax/tex-mml-chtml.js?1691874883"></script>
-    <script src="../js/d3/d3-color.min.js?1691874883" defer></script>
-    <script src="../js/d3/d3-dispatch.min.js?1691874883" defer></script>
-    <script src="../js/d3/d3-drag.min.js?1691874883" defer></script>
-    <script src="../js/d3/d3-ease.min.js?1691874883" defer></script>
-    <script src="../js/d3/d3-interpolate.min.js?1691874883" defer></script>
-    <script src="../js/d3/d3-selection.min.js?1691874883" defer></script>
-    <script src="../js/d3/d3-timer.min.js?1691874883" defer></script>
-    <script src="../js/d3/d3-transition.min.js?1691874883" defer></script>
-    <script src="../js/d3/d3-zoom.min.js?1691874883" defer></script>
-    <script src="../js/js-yaml.min.js?1691874883" defer></script>
-    <script src="../js/mermaid.min.js?1691874883" defer></script>
+    <script id="MathJax-script" async src="../js/mathjax/tex-mml-chtml.js?1691877026"></script>
+    <script src="../js/d3/d3-color.min.js?1691877026" defer></script>
+    <script src="../js/d3/d3-dispatch.min.js?1691877026" defer></script>
+    <script src="../js/d3/d3-drag.min.js?1691877026" defer></script>
+    <script src="../js/d3/d3-ease.min.js?1691877026" defer></script>
+    <script src="../js/d3/d3-interpolate.min.js?1691877026" defer></script>
+    <script src="../js/d3/d3-selection.min.js?1691877026" defer></script>
+    <script src="../js/d3/d3-timer.min.js?1691877026" defer></script>
+    <script src="../js/d3/d3-transition.min.js?1691877026" defer></script>
+    <script src="../js/d3/d3-zoom.min.js?1691877026" defer></script>
+    <script src="../js/js-yaml.min.js?1691877026" defer></script>
+    <script src="../js/mermaid.min.js?1691877026" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
     <script>window.noZensmooth = true;</script>
-    <script src="../js/swagger-ui/swagger-ui-bundle.js?1691874883" defer></script>
-    <script src="../js/swagger-ui/swagger-ui-standalone-preset.js?1691874883" defer></script>
+    <script src="../js/swagger-ui/swagger-ui-bundle.js?1691877026" defer></script>
+    <script src="../js/swagger-ui/swagger-ui-standalone-preset.js?1691877026" defer></script>
     <script>
-      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1691874883", assetsBuster:  1691874883  };
+      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1691877026", assetsBuster:  1691877026  };
     </script>
-    <script src="../js/theme.js?1691874883" defer></script>
+    <script src="../js/theme.js?1691877026" defer></script>
   </body>
 </html>
diff --git a/pir/more/credits/index.html b/pir/more/credits/index.html
index 8d137724cd..f8604affff 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../../../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../../../js/url.js?1691874880"></script>
-    <script src="../../../js/variant.js?1691874880"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../../../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../../../js/url.js?1691877024"></script>
+    <script src="../../../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -246,12 +246,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1691874882" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1691874882" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691874882" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1691874882" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1691874882" defer></script>
-        <script src="../../../js/search.js?1691874882" defer></script>
+        <script src="../../../js/auto-complete.js?1691877026" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1691877026" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691877026" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1691877026" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1691877026" defer></script>
+        <script src="../../../js/search.js?1691877026" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -381,8 +381,7 @@
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -390,25 +389,37 @@
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1691874882"></script>
+          <script async src="../../../js/github-buttons.js?1691877026"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1691874882" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691874882" defer></script>
-    <script src="../../../js/theme.js?1691874882" defer></script>
+    <script src="../../../js/clipboard.min.js?1691877026" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691877026" defer></script>
+    <script src="../../../js/theme.js?1691877026" defer></script>
   </body>
 </html>
diff --git a/pir/more/credits/index.print.html b/pir/more/credits/index.print.html
index a5934f696b..483bf6f7d2 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691874883" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691874883" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691874883" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691874883" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691874883" rel="stylesheet">
-    <link href="../../../css/print.css?1691874883" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1691874883" rel="stylesheet">
-    <link href="../../../css/ie.css?1691874883" rel="stylesheet">
-    <script src="../../../js/url.js?1691874883"></script>
-    <script src="../../../js/variant.js?1691874883"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691877026" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691877026" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691877026" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691877026" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691877026" rel="stylesheet">
+    <link href="../../../css/print.css?1691877026" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1691877026" rel="stylesheet">
+    <link href="../../../css/ie.css?1691877026" rel="stylesheet">
+    <script src="../../../js/url.js?1691877026"></script>
+    <script src="../../../js/variant.js?1691877026"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -141,8 +141,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1691874883" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691874883" defer></script>
-    <script src="../../../js/theme.js?1691874883" defer></script>
+    <script src="../../../js/clipboard.min.js?1691877026" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691877026" defer></script>
+    <script src="../../../js/theme.js?1691877026" defer></script>
   </body>
 </html>
diff --git a/pir/search.html b/pir/search.html
index 78c5760500..fb5f168436 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1691874883" rel="stylesheet">
-    <link href="../css/auto-complete.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1691874883" rel="stylesheet">
-    <link href="../css/fonts.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1691874883" rel="stylesheet">
-    <link href="../css/theme-auto.css?1691874883" rel="stylesheet" id="variant-style">
-    <link href="../css/variant.css?1691874883" rel="stylesheet">
-    <link href="../css/print.css?1691874883" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1691874883" rel="stylesheet">
-    <script src="../js/url.js?1691874883"></script>
-    <script src="../js/variant.js?1691874883"></script>
+    <link href="../css/fontawesome-all.min.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1691877026" rel="stylesheet">
+    <link href="../css/auto-complete.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1691877026" rel="stylesheet">
+    <link href="../css/fonts.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1691877026" rel="stylesheet">
+    <link href="../css/theme-auto.css?1691877026" rel="stylesheet" id="variant-style">
+    <link href="../css/variant.css?1691877026" rel="stylesheet">
+    <link href="../css/print.css?1691877026" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1691877026" rel="stylesheet">
+    <script src="../js/url.js?1691877026"></script>
+    <script src="../js/variant.js?1691877026"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -180,12 +180,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1691874883" defer></script>
-        <script src="../js/lunr/lunr.min.js?1691874883" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1691874883" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1691874883" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1691874883" defer></script>
-        <script src="../js/search.js?1691874883" defer></script>
+        <script src="../js/auto-complete.js?1691877026" defer></script>
+        <script src="../js/lunr/lunr.min.js?1691877026" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1691877026" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1691877026" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1691877026" defer></script>
+        <script src="../js/search.js?1691877026" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -315,8 +315,7 @@
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -324,25 +323,37 @@
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../js/github-buttons.js?1691874883"></script>
+          <script async src="../js/github-buttons.js?1691877026"></script>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1691874883" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1691874883" defer></script>
-    <script src="../js/theme.js?1691874883" defer></script>
+    <script src="../js/clipboard.min.js?1691877026" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1691877026" defer></script>
+    <script src="../js/theme.js?1691877026" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/attachments/index.html b/pir/shortcodes/attachments/index.html
index 6fa9c17655..65ee802228 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../../../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../../../js/url.js?1691874880"></script>
-    <script src="../../../js/variant.js?1691874880"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../../../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../../../js/url.js?1691877024"></script>
+    <script src="../../../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -461,12 +461,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1691874881" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1691874881" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691874881" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1691874881" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1691874881" defer></script>
-        <script src="../../../js/search.js?1691874881" defer></script>
+        <script src="../../../js/auto-complete.js?1691877024" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1691877024" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691877024" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1691877024" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1691877024" defer></script>
+        <script src="../../../js/search.js?1691877024" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -596,8 +596,7 @@
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -605,25 +604,37 @@
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1691874881"></script>
+          <script async src="../../../js/github-buttons.js?1691877024"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1691874881" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691874881" defer></script>
-    <script src="../../../js/theme.js?1691874881" defer></script>
+    <script src="../../../js/clipboard.min.js?1691877024" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691877024" defer></script>
+    <script src="../../../js/theme.js?1691877024" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/attachments/index.print.html b/pir/shortcodes/attachments/index.print.html
index 0b90ea40d0..eb48206c4a 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691874883" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691874883" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691874883" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691874883" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691874883" rel="stylesheet">
-    <link href="../../../css/print.css?1691874883" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1691874883" rel="stylesheet">
-    <link href="../../../css/ie.css?1691874883" rel="stylesheet">
-    <script src="../../../js/url.js?1691874883"></script>
-    <script src="../../../js/variant.js?1691874883"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691877026" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691877026" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691877026" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691877026" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691877026" rel="stylesheet">
+    <link href="../../../css/print.css?1691877026" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1691877026" rel="stylesheet">
+    <link href="../../../css/ie.css?1691877026" rel="stylesheet">
+    <script src="../../../js/url.js?1691877026"></script>
+    <script src="../../../js/variant.js?1691877026"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -341,8 +341,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1691874883" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691874883" defer></script>
-    <script src="../../../js/theme.js?1691874883" defer></script>
+    <script src="../../../js/clipboard.min.js?1691877026" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691877026" defer></script>
+    <script src="../../../js/theme.js?1691877026" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/badge/index.html b/pir/shortcodes/badge/index.html
index e84569bcbf..bdc16c7951 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../../../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../../../js/url.js?1691874880"></script>
-    <script src="../../../js/variant.js?1691874880"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../../../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../../../js/url.js?1691877024"></script>
+    <script src="../../../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -393,12 +393,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1691874881" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1691874881" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691874881" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1691874881" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1691874881" defer></script>
-        <script src="../../../js/search.js?1691874881" defer></script>
+        <script src="../../../js/auto-complete.js?1691877024" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1691877024" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691877024" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1691877024" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1691877024" defer></script>
+        <script src="../../../js/search.js?1691877024" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -528,8 +528,7 @@
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -537,25 +536,37 @@
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1691874881"></script>
+          <script async src="../../../js/github-buttons.js?1691877024"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1691874881" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691874881" defer></script>
-    <script src="../../../js/theme.js?1691874881" defer></script>
+    <script src="../../../js/clipboard.min.js?1691877024" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691877024" defer></script>
+    <script src="../../../js/theme.js?1691877024" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/badge/index.print.html b/pir/shortcodes/badge/index.print.html
index 94d29755f6..8a0d7a76d7 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691874883" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691874883" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691874883" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691874883" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691874883" rel="stylesheet">
-    <link href="../../../css/print.css?1691874883" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1691874883" rel="stylesheet">
-    <link href="../../../css/ie.css?1691874883" rel="stylesheet">
-    <script src="../../../js/url.js?1691874883"></script>
-    <script src="../../../js/variant.js?1691874883"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691877026" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691877026" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691877026" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691877026" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691877026" rel="stylesheet">
+    <link href="../../../css/print.css?1691877026" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1691877026" rel="stylesheet">
+    <link href="../../../css/ie.css?1691877026" rel="stylesheet">
+    <script src="../../../js/url.js?1691877026"></script>
+    <script src="../../../js/variant.js?1691877026"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -280,8 +280,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1691874883" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691874883" defer></script>
-    <script src="../../../js/theme.js?1691874883" defer></script>
+    <script src="../../../js/clipboard.min.js?1691877026" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691877026" defer></script>
+    <script src="../../../js/theme.js?1691877026" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/button/index.html b/pir/shortcodes/button/index.html
index 5a87660f92..f032eb7162 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../../../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../../../js/url.js?1691874880"></script>
-    <script src="../../../js/variant.js?1691874880"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../../../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../../../js/url.js?1691877024"></script>
+    <script src="../../../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -533,12 +533,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1691874881" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1691874881" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691874881" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1691874881" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1691874881" defer></script>
-        <script src="../../../js/search.js?1691874881" defer></script>
+        <script src="../../../js/auto-complete.js?1691877024" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1691877024" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691877024" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1691877024" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1691877024" defer></script>
+        <script src="../../../js/search.js?1691877024" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -668,8 +668,7 @@
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -677,25 +676,37 @@
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1691874881"></script>
+          <script async src="../../../js/github-buttons.js?1691877024"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1691874881" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691874881" defer></script>
-    <script src="../../../js/theme.js?1691874881" defer></script>
+    <script src="../../../js/clipboard.min.js?1691877024" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691877024" defer></script>
+    <script src="../../../js/theme.js?1691877024" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/button/index.print.html b/pir/shortcodes/button/index.print.html
index 754e079dd7..4f8856abb2 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691874883" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691874883" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691874883" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691874883" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691874883" rel="stylesheet">
-    <link href="../../../css/print.css?1691874883" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1691874883" rel="stylesheet">
-    <link href="../../../css/ie.css?1691874883" rel="stylesheet">
-    <script src="../../../js/url.js?1691874883"></script>
-    <script src="../../../js/variant.js?1691874883"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691877026" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691877026" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691877026" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691877026" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691877026" rel="stylesheet">
+    <link href="../../../css/print.css?1691877026" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1691877026" rel="stylesheet">
+    <link href="../../../css/ie.css?1691877026" rel="stylesheet">
+    <script src="../../../js/url.js?1691877026"></script>
+    <script src="../../../js/variant.js?1691877026"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -419,8 +419,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1691874883" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691874883" defer></script>
-    <script src="../../../js/theme.js?1691874883" defer></script>
+    <script src="../../../js/clipboard.min.js?1691877026" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691877026" defer></script>
+    <script src="../../../js/theme.js?1691877026" 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 ba9ea303fc..488f572238 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../../../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../../../../../../../../../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../../../../../../../../../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../../../../../../../../../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../../../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../../../../../../../../../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../../../../../../../../../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../../../../../../../../../js/url.js?1691874880"></script>
-    <script src="../../../../../../../../../js/variant.js?1691874880"></script>
+    <link href="../../../../../../../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../../../../../../../../../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../../../../../../../../../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../../../../../../../../../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../../../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../../../../../../../../../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../../../../../../../../../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../../../../../../../../../js/url.js?1691877024"></script>
+    <script src="../../../../../../../../../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -189,12 +189,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../../../../js/auto-complete.js?1691874882" defer></script>
-        <script src="../../../../../../../../../js/lunr/lunr.min.js?1691874882" defer></script>
-        <script src="../../../../../../../../../js/lunr/lunr.stemmer.support.min.js?1691874882" defer></script>
-        <script src="../../../../../../../../../js/lunr/lunr.multi.min.js?1691874882" defer></script>
-        <script src="../../../../../../../../../js/lunr/lunr.en.min.js?1691874882" defer></script>
-        <script src="../../../../../../../../../js/search.js?1691874882" defer></script>
+        <script src="../../../../../../../../../js/auto-complete.js?1691877026" defer></script>
+        <script src="../../../../../../../../../js/lunr/lunr.min.js?1691877026" defer></script>
+        <script src="../../../../../../../../../js/lunr/lunr.stemmer.support.min.js?1691877026" defer></script>
+        <script src="../../../../../../../../../js/lunr/lunr.multi.min.js?1691877026" defer></script>
+        <script src="../../../../../../../../../js/lunr/lunr.en.min.js?1691877026" defer></script>
+        <script src="../../../../../../../../../js/search.js?1691877026" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -328,8 +328,7 @@
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -337,25 +336,37 @@
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../../../../../../../../js/github-buttons.js?1691874882"></script>
+          <script async src="../../../../../../../../../js/github-buttons.js?1691877026"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../../../../js/clipboard.min.js?1691874882" defer></script>
-    <script src="../../../../../../../../../js/perfect-scrollbar.min.js?1691874882" defer></script>
-    <script src="../../../../../../../../../js/theme.js?1691874882" defer></script>
+    <script src="../../../../../../../../../js/clipboard.min.js?1691877026" defer></script>
+    <script src="../../../../../../../../../js/perfect-scrollbar.min.js?1691877026" defer></script>
+    <script src="../../../../../../../../../js/theme.js?1691877026" 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 3a47fbcafe..68072ecf77 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../../../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../../../css/fontawesome-all.min.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fontawesome-all.min.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../../css/nucleus.css?1691874883" rel="stylesheet">
-    <link href="../../../../../../../../../css/auto-complete.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/auto-complete.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../../css/perfect-scrollbar.min.css?1691874883" rel="stylesheet">
-    <link href="../../../../../../../../../css/fonts.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fonts.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../../css/theme.css?1691874883" rel="stylesheet">
-    <link href="../../../../../../../../../css/theme-auto.css?1691874883" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../../../css/variant.css?1691874883" rel="stylesheet">
-    <link href="../../../../../../../../../css/print.css?1691874883" rel="stylesheet" media="print">
-    <link href="../../../../../../../../../css/format-print.css?1691874883" rel="stylesheet">
-    <link href="../../../../../../../../../css/ie.css?1691874883" rel="stylesheet">
-    <script src="../../../../../../../../../js/url.js?1691874883"></script>
-    <script src="../../../../../../../../../js/variant.js?1691874883"></script>
+    <link href="../../../../../../../../../css/fontawesome-all.min.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fontawesome-all.min.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../../css/nucleus.css?1691877026" rel="stylesheet">
+    <link href="../../../../../../../../../css/auto-complete.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/auto-complete.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../../css/perfect-scrollbar.min.css?1691877026" rel="stylesheet">
+    <link href="../../../../../../../../../css/fonts.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fonts.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../../css/theme.css?1691877026" rel="stylesheet">
+    <link href="../../../../../../../../../css/theme-auto.css?1691877026" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../../../css/variant.css?1691877026" rel="stylesheet">
+    <link href="../../../../../../../../../css/print.css?1691877026" rel="stylesheet" media="print">
+    <link href="../../../../../../../../../css/format-print.css?1691877026" rel="stylesheet">
+    <link href="../../../../../../../../../css/ie.css?1691877026" rel="stylesheet">
+    <script src="../../../../../../../../../js/url.js?1691877026"></script>
+    <script src="../../../../../../../../../js/variant.js?1691877026"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -97,8 +97,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../../../../js/clipboard.min.js?1691874883" defer></script>
-    <script src="../../../../../../../../../js/perfect-scrollbar.min.js?1691874883" defer></script>
-    <script src="../../../../../../../../../js/theme.js?1691874883" defer></script>
+    <script src="../../../../../../../../../js/clipboard.min.js?1691877026" defer></script>
+    <script src="../../../../../../../../../js/perfect-scrollbar.min.js?1691877026" defer></script>
+    <script src="../../../../../../../../../js/theme.js?1691877026" 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 10756009b4..0b531abf92 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../../../../../../../../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../../../../../../../../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../../../../../../../../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../../../../../../../../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../../../../../../../../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../../../../../../../../js/url.js?1691874880"></script>
-    <script src="../../../../../../../../js/variant.js?1691874880"></script>
+    <link href="../../../../../../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../../../../../../../../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../../../../../../../../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../../../../../../../../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../../../../../../../../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../../../../../../../../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../../../../../../../../js/url.js?1691877024"></script>
+    <script src="../../../../../../../../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -204,12 +204,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../../../js/auto-complete.js?1691874882" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.min.js?1691874882" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.stemmer.support.min.js?1691874882" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.multi.min.js?1691874882" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.en.min.js?1691874882" defer></script>
-        <script src="../../../../../../../../js/search.js?1691874882" defer></script>
+        <script src="../../../../../../../../js/auto-complete.js?1691877026" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.min.js?1691877026" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.stemmer.support.min.js?1691877026" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.multi.min.js?1691877026" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.en.min.js?1691877026" defer></script>
+        <script src="../../../../../../../../js/search.js?1691877026" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -343,8 +343,7 @@
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -352,25 +351,37 @@
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../../../../../../../js/github-buttons.js?1691874882"></script>
+          <script async src="../../../../../../../../js/github-buttons.js?1691877026"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../../../js/clipboard.min.js?1691874882" defer></script>
-    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1691874882" defer></script>
-    <script src="../../../../../../../../js/theme.js?1691874882" defer></script>
+    <script src="../../../../../../../../js/clipboard.min.js?1691877026" defer></script>
+    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1691877026" defer></script>
+    <script src="../../../../../../../../js/theme.js?1691877026" 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 139dc67240..8645bdcd27 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../../css/fontawesome-all.min.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/nucleus.css?1691874883" rel="stylesheet">
-    <link href="../../../../../../../../css/auto-complete.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1691874883" rel="stylesheet">
-    <link href="../../../../../../../../css/fonts.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/theme.css?1691874883" rel="stylesheet">
-    <link href="../../../../../../../../css/theme-auto.css?1691874883" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../../css/variant.css?1691874883" rel="stylesheet">
-    <link href="../../../../../../../../css/print.css?1691874883" rel="stylesheet" media="print">
-    <link href="../../../../../../../../css/format-print.css?1691874883" rel="stylesheet">
-    <link href="../../../../../../../../css/ie.css?1691874883" rel="stylesheet">
-    <script src="../../../../../../../../js/url.js?1691874883"></script>
-    <script src="../../../../../../../../js/variant.js?1691874883"></script>
+    <link href="../../../../../../../../css/fontawesome-all.min.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/nucleus.css?1691877026" rel="stylesheet">
+    <link href="../../../../../../../../css/auto-complete.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1691877026" rel="stylesheet">
+    <link href="../../../../../../../../css/fonts.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/theme.css?1691877026" rel="stylesheet">
+    <link href="../../../../../../../../css/theme-auto.css?1691877026" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../../css/variant.css?1691877026" rel="stylesheet">
+    <link href="../../../../../../../../css/print.css?1691877026" rel="stylesheet" media="print">
+    <link href="../../../../../../../../css/format-print.css?1691877026" rel="stylesheet">
+    <link href="../../../../../../../../css/ie.css?1691877026" rel="stylesheet">
+    <script src="../../../../../../../../js/url.js?1691877026"></script>
+    <script src="../../../../../../../../js/variant.js?1691877026"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -123,8 +123,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../../../js/clipboard.min.js?1691874883" defer></script>
-    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1691874883" defer></script>
-    <script src="../../../../../../../../js/theme.js?1691874883" defer></script>
+    <script src="../../../../../../../../js/clipboard.min.js?1691877026" defer></script>
+    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1691877026" defer></script>
+    <script src="../../../../../../../../js/theme.js?1691877026" 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 38d37dbfeb..03d7951035 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../../../../../../../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../../../../../../../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../../../../../../../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../../../../../../../js/url.js?1691874880"></script>
-    <script src="../../../../../../../js/variant.js?1691874880"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../../../../../../../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../../../../../../../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../../../../../../../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../../../../../../../js/url.js?1691877024"></script>
+    <script src="../../../../../../../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -203,12 +203,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../../js/auto-complete.js?1691874882" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.min.js?1691874882" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1691874882" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1691874882" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.en.min.js?1691874882" defer></script>
-        <script src="../../../../../../../js/search.js?1691874882" defer></script>
+        <script src="../../../../../../../js/auto-complete.js?1691877026" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.min.js?1691877026" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1691877026" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1691877026" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.en.min.js?1691877026" defer></script>
+        <script src="../../../../../../../js/search.js?1691877026" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -340,8 +340,7 @@
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -349,25 +348,37 @@
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../../../../../../js/github-buttons.js?1691874882"></script>
+          <script async src="../../../../../../../js/github-buttons.js?1691877026"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../../js/clipboard.min.js?1691874882" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1691874882" defer></script>
-    <script src="../../../../../../../js/theme.js?1691874882" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1691877026" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1691877026" defer></script>
+    <script src="../../../../../../../js/theme.js?1691877026" 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 84af078984..b9ac09a9e8 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../css/fontawesome-all.min.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/nucleus.css?1691874883" rel="stylesheet">
-    <link href="../../../../../../../css/auto-complete.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1691874883" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1691874883" rel="stylesheet">
-    <link href="../../../../../../../css/theme-auto.css?1691874883" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../css/variant.css?1691874883" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1691874883" rel="stylesheet" media="print">
-    <link href="../../../../../../../css/format-print.css?1691874883" rel="stylesheet">
-    <link href="../../../../../../../css/ie.css?1691874883" rel="stylesheet">
-    <script src="../../../../../../../js/url.js?1691874883"></script>
-    <script src="../../../../../../../js/variant.js?1691874883"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/nucleus.css?1691877026" rel="stylesheet">
+    <link href="../../../../../../../css/auto-complete.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1691877026" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1691877026" rel="stylesheet">
+    <link href="../../../../../../../css/theme-auto.css?1691877026" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../css/variant.css?1691877026" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1691877026" rel="stylesheet" media="print">
+    <link href="../../../../../../../css/format-print.css?1691877026" rel="stylesheet">
+    <link href="../../../../../../../css/ie.css?1691877026" rel="stylesheet">
+    <script src="../../../../../../../js/url.js?1691877026"></script>
+    <script src="../../../../../../../js/variant.js?1691877026"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -104,8 +104,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../../js/clipboard.min.js?1691874883" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1691874883" defer></script>
-    <script src="../../../../../../../js/theme.js?1691874883" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1691877026" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1691877026" defer></script>
+    <script src="../../../../../../../js/theme.js?1691877026" 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 9bb239795d..48be0c909e 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../../../../../../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1691874880"></script>
-    <script src="../../../../../../js/variant.js?1691874880"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../../../../../../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1691877024"></script>
+    <script src="../../../../../../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -202,12 +202,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../js/auto-complete.js?1691874882" defer></script>
-        <script src="../../../../../../js/lunr/lunr.min.js?1691874882" defer></script>
-        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1691874882" defer></script>
-        <script src="../../../../../../js/lunr/lunr.multi.min.js?1691874882" defer></script>
-        <script src="../../../../../../js/lunr/lunr.en.min.js?1691874882" defer></script>
-        <script src="../../../../../../js/search.js?1691874882" defer></script>
+        <script src="../../../../../../js/auto-complete.js?1691877026" defer></script>
+        <script src="../../../../../../js/lunr/lunr.min.js?1691877026" defer></script>
+        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1691877026" defer></script>
+        <script src="../../../../../../js/lunr/lunr.multi.min.js?1691877026" defer></script>
+        <script src="../../../../../../js/lunr/lunr.en.min.js?1691877026" defer></script>
+        <script src="../../../../../../js/search.js?1691877026" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -339,8 +339,7 @@
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -348,25 +347,37 @@
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../../../../../js/github-buttons.js?1691874882"></script>
+          <script async src="../../../../../../js/github-buttons.js?1691877026"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../js/clipboard.min.js?1691874882" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1691874882" defer></script>
-    <script src="../../../../../../js/theme.js?1691874882" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1691877026" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1691877026" defer></script>
+    <script src="../../../../../../js/theme.js?1691877026" 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 e84d0f5f86..f67b3da0ee 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1691874883" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1691874883" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1691874883" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1691874883" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../css/variant.css?1691874883" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1691874883" rel="stylesheet" media="print">
-    <link href="../../../../../../css/format-print.css?1691874883" rel="stylesheet">
-    <link href="../../../../../../css/ie.css?1691874883" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1691874883"></script>
-    <script src="../../../../../../js/variant.js?1691874883"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1691877026" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1691877026" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1691877026" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1691877026" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../css/variant.css?1691877026" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1691877026" rel="stylesheet" media="print">
+    <link href="../../../../../../css/format-print.css?1691877026" rel="stylesheet">
+    <link href="../../../../../../css/ie.css?1691877026" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1691877026"></script>
+    <script src="../../../../../../js/variant.js?1691877026"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -130,8 +130,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../js/clipboard.min.js?1691874883" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1691874883" defer></script>
-    <script src="../../../../../../js/theme.js?1691874883" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1691877026" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1691877026" defer></script>
+    <script src="../../../../../../js/theme.js?1691877026" 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 63d5ee1f10..7afc06aff4 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../../../../../../../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../../../../../../../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../../../../../../../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../../../../../../../js/url.js?1691874880"></script>
-    <script src="../../../../../../../js/variant.js?1691874880"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../../../../../../../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../../../../../../../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../../../../../../../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../../../../../../../js/url.js?1691877024"></script>
+    <script src="../../../../../../../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -188,12 +188,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../../js/auto-complete.js?1691874882" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.min.js?1691874882" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1691874882" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1691874882" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.en.min.js?1691874882" defer></script>
-        <script src="../../../../../../../js/search.js?1691874882" defer></script>
+        <script src="../../../../../../../js/auto-complete.js?1691877026" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.min.js?1691877026" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1691877026" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1691877026" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.en.min.js?1691877026" defer></script>
+        <script src="../../../../../../../js/search.js?1691877026" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -323,8 +323,7 @@
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -332,25 +331,37 @@
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../../../../../../js/github-buttons.js?1691874882"></script>
+          <script async src="../../../../../../../js/github-buttons.js?1691877026"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../../js/clipboard.min.js?1691874882" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1691874882" defer></script>
-    <script src="../../../../../../../js/theme.js?1691874882" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1691877026" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1691877026" defer></script>
+    <script src="../../../../../../../js/theme.js?1691877026" 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 85926bd617..dc40397639 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../css/fontawesome-all.min.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/nucleus.css?1691874883" rel="stylesheet">
-    <link href="../../../../../../../css/auto-complete.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1691874883" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1691874883" rel="stylesheet">
-    <link href="../../../../../../../css/theme-auto.css?1691874883" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../css/variant.css?1691874883" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1691874883" rel="stylesheet" media="print">
-    <link href="../../../../../../../css/format-print.css?1691874883" rel="stylesheet">
-    <link href="../../../../../../../css/ie.css?1691874883" rel="stylesheet">
-    <script src="../../../../../../../js/url.js?1691874883"></script>
-    <script src="../../../../../../../js/variant.js?1691874883"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/nucleus.css?1691877026" rel="stylesheet">
+    <link href="../../../../../../../css/auto-complete.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1691877026" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1691877026" rel="stylesheet">
+    <link href="../../../../../../../css/theme-auto.css?1691877026" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../css/variant.css?1691877026" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1691877026" rel="stylesheet" media="print">
+    <link href="../../../../../../../css/format-print.css?1691877026" rel="stylesheet">
+    <link href="../../../../../../../css/ie.css?1691877026" rel="stylesheet">
+    <script src="../../../../../../../js/url.js?1691877026"></script>
+    <script src="../../../../../../../js/variant.js?1691877026"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -96,8 +96,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../../js/clipboard.min.js?1691874883" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1691874883" defer></script>
-    <script src="../../../../../../../js/theme.js?1691874883" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1691877026" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1691877026" defer></script>
+    <script src="../../../../../../../js/theme.js?1691877026" 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 8f7c22f83d..9efeca6cf0 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../../../../../../../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../../../../../../../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../../../../../../../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../../../../../../../js/url.js?1691874880"></script>
-    <script src="../../../../../../../js/variant.js?1691874880"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../../../../../../../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../../../../../../../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../../../../../../../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../../../../../../../js/url.js?1691877024"></script>
+    <script src="../../../../../../../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -188,12 +188,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../../js/auto-complete.js?1691874882" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.min.js?1691874882" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1691874882" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1691874882" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.en.min.js?1691874882" defer></script>
-        <script src="../../../../../../../js/search.js?1691874882" defer></script>
+        <script src="../../../../../../../js/auto-complete.js?1691877026" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.min.js?1691877026" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1691877026" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1691877026" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.en.min.js?1691877026" defer></script>
+        <script src="../../../../../../../js/search.js?1691877026" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -323,8 +323,7 @@
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -332,25 +331,37 @@
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../../../../../../js/github-buttons.js?1691874882"></script>
+          <script async src="../../../../../../../js/github-buttons.js?1691877026"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../../js/clipboard.min.js?1691874882" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1691874882" defer></script>
-    <script src="../../../../../../../js/theme.js?1691874882" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1691877026" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1691877026" defer></script>
+    <script src="../../../../../../../js/theme.js?1691877026" 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 f323e693eb..ba3dddb1c4 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../css/fontawesome-all.min.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/nucleus.css?1691874883" rel="stylesheet">
-    <link href="../../../../../../../css/auto-complete.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1691874883" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1691874883" rel="stylesheet">
-    <link href="../../../../../../../css/theme-auto.css?1691874883" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../css/variant.css?1691874883" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1691874883" rel="stylesheet" media="print">
-    <link href="../../../../../../../css/format-print.css?1691874883" rel="stylesheet">
-    <link href="../../../../../../../css/ie.css?1691874883" rel="stylesheet">
-    <script src="../../../../../../../js/url.js?1691874883"></script>
-    <script src="../../../../../../../js/variant.js?1691874883"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/nucleus.css?1691877026" rel="stylesheet">
+    <link href="../../../../../../../css/auto-complete.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1691877026" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1691877026" rel="stylesheet">
+    <link href="../../../../../../../css/theme-auto.css?1691877026" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../css/variant.css?1691877026" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1691877026" rel="stylesheet" media="print">
+    <link href="../../../../../../../css/format-print.css?1691877026" rel="stylesheet">
+    <link href="../../../../../../../css/ie.css?1691877026" rel="stylesheet">
+    <script src="../../../../../../../js/url.js?1691877026"></script>
+    <script src="../../../../../../../js/variant.js?1691877026"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -96,8 +96,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../../js/clipboard.min.js?1691874883" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1691874883" defer></script>
-    <script src="../../../../../../../js/theme.js?1691874883" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1691877026" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1691877026" defer></script>
+    <script src="../../../../../../../js/theme.js?1691877026" 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 4fe1fdcc1a..0a9d2fd57d 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../../../../../../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1691874880"></script>
-    <script src="../../../../../../js/variant.js?1691874880"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../../../../../../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1691877024"></script>
+    <script src="../../../../../../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -204,12 +204,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../js/auto-complete.js?1691874882" defer></script>
-        <script src="../../../../../../js/lunr/lunr.min.js?1691874882" defer></script>
-        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1691874882" defer></script>
-        <script src="../../../../../../js/lunr/lunr.multi.min.js?1691874882" defer></script>
-        <script src="../../../../../../js/lunr/lunr.en.min.js?1691874882" defer></script>
-        <script src="../../../../../../js/search.js?1691874882" defer></script>
+        <script src="../../../../../../js/auto-complete.js?1691877026" defer></script>
+        <script src="../../../../../../js/lunr/lunr.min.js?1691877026" defer></script>
+        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1691877026" defer></script>
+        <script src="../../../../../../js/lunr/lunr.multi.min.js?1691877026" defer></script>
+        <script src="../../../../../../js/lunr/lunr.en.min.js?1691877026" defer></script>
+        <script src="../../../../../../js/search.js?1691877026" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -339,8 +339,7 @@
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -348,25 +347,37 @@
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../../../../../js/github-buttons.js?1691874882"></script>
+          <script async src="../../../../../../js/github-buttons.js?1691877026"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../js/clipboard.min.js?1691874882" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1691874882" defer></script>
-    <script src="../../../../../../js/theme.js?1691874882" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1691877026" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1691877026" defer></script>
+    <script src="../../../../../../js/theme.js?1691877026" 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 a2db0c141f..8b1692de0b 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1691874883" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1691874883" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1691874883" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1691874883" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../css/variant.css?1691874883" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1691874883" rel="stylesheet" media="print">
-    <link href="../../../../../../css/format-print.css?1691874883" rel="stylesheet">
-    <link href="../../../../../../css/ie.css?1691874883" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1691874883"></script>
-    <script src="../../../../../../js/variant.js?1691874883"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1691877026" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1691877026" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1691877026" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1691877026" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../css/variant.css?1691877026" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1691877026" rel="stylesheet" media="print">
+    <link href="../../../../../../css/format-print.css?1691877026" rel="stylesheet">
+    <link href="../../../../../../css/ie.css?1691877026" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1691877026"></script>
+    <script src="../../../../../../js/variant.js?1691877026"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -141,8 +141,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../js/clipboard.min.js?1691874883" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1691874883" defer></script>
-    <script src="../../../../../../js/theme.js?1691874883" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1691877026" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1691877026" defer></script>
+    <script src="../../../../../../js/theme.js?1691877026" 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 9e2c202a18..1464eb8fc0 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../../../../../../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1691874880"></script>
-    <script src="../../../../../../js/variant.js?1691874880"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../../../../../../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1691877024"></script>
+    <script src="../../../../../../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -187,12 +187,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../js/auto-complete.js?1691874882" defer></script>
-        <script src="../../../../../../js/lunr/lunr.min.js?1691874882" defer></script>
-        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1691874882" defer></script>
-        <script src="../../../../../../js/lunr/lunr.multi.min.js?1691874882" defer></script>
-        <script src="../../../../../../js/lunr/lunr.en.min.js?1691874882" defer></script>
-        <script src="../../../../../../js/search.js?1691874882" defer></script>
+        <script src="../../../../../../js/auto-complete.js?1691877026" defer></script>
+        <script src="../../../../../../js/lunr/lunr.min.js?1691877026" defer></script>
+        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1691877026" defer></script>
+        <script src="../../../../../../js/lunr/lunr.multi.min.js?1691877026" defer></script>
+        <script src="../../../../../../js/lunr/lunr.en.min.js?1691877026" defer></script>
+        <script src="../../../../../../js/search.js?1691877026" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -322,8 +322,7 @@
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -331,25 +330,37 @@
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../../../../../js/github-buttons.js?1691874882"></script>
+          <script async src="../../../../../../js/github-buttons.js?1691877026"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../js/clipboard.min.js?1691874882" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1691874882" defer></script>
-    <script src="../../../../../../js/theme.js?1691874882" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1691877026" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1691877026" defer></script>
+    <script src="../../../../../../js/theme.js?1691877026" 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 8c7a67821c..be9814bdb7 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1691874883" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1691874883" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1691874883" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1691874883" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../css/variant.css?1691874883" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1691874883" rel="stylesheet" media="print">
-    <link href="../../../../../../css/format-print.css?1691874883" rel="stylesheet">
-    <link href="../../../../../../css/ie.css?1691874883" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1691874883"></script>
-    <script src="../../../../../../js/variant.js?1691874883"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1691877026" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1691877026" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1691877026" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1691877026" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../css/variant.css?1691877026" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1691877026" rel="stylesheet" media="print">
+    <link href="../../../../../../css/format-print.css?1691877026" rel="stylesheet">
+    <link href="../../../../../../css/ie.css?1691877026" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1691877026"></script>
+    <script src="../../../../../../js/variant.js?1691877026"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -95,8 +95,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../js/clipboard.min.js?1691874883" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1691874883" defer></script>
-    <script src="../../../../../../js/theme.js?1691874883" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1691877026" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1691877026" defer></script>
+    <script src="../../../../../../js/theme.js?1691877026" 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 ac3f4e1d76..f517abe3cb 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../../../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../../../../../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../../../../../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../../../../../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../../../../../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../../../../../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../../../../../js/url.js?1691874880"></script>
-    <script src="../../../../../js/variant.js?1691874880"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../../../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../../../../../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../../../../../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../../../../../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../../../../../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../../../../../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../../../../../js/url.js?1691877024"></script>
+    <script src="../../../../../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -204,12 +204,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../js/auto-complete.js?1691874882" defer></script>
-        <script src="../../../../../js/lunr/lunr.min.js?1691874882" defer></script>
-        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1691874882" defer></script>
-        <script src="../../../../../js/lunr/lunr.multi.min.js?1691874882" defer></script>
-        <script src="../../../../../js/lunr/lunr.en.min.js?1691874882" defer></script>
-        <script src="../../../../../js/search.js?1691874882" defer></script>
+        <script src="../../../../../js/auto-complete.js?1691877026" defer></script>
+        <script src="../../../../../js/lunr/lunr.min.js?1691877026" defer></script>
+        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1691877026" defer></script>
+        <script src="../../../../../js/lunr/lunr.multi.min.js?1691877026" defer></script>
+        <script src="../../../../../js/lunr/lunr.en.min.js?1691877026" defer></script>
+        <script src="../../../../../js/search.js?1691877026" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -339,8 +339,7 @@
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -348,25 +347,37 @@
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../../../../js/github-buttons.js?1691874882"></script>
+          <script async src="../../../../../js/github-buttons.js?1691877026"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../js/clipboard.min.js?1691874882" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1691874882" defer></script>
-    <script src="../../../../../js/theme.js?1691874882" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1691877026" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1691877026" defer></script>
+    <script src="../../../../../js/theme.js?1691877026" 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 2e549d5798..2b6d0a4b08 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../../../css/nucleus.css?1691874883" rel="stylesheet">
-    <link href="../../../../../css/auto-complete.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1691874883" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1691874883" rel="stylesheet">
-    <link href="../../../../../css/theme-auto.css?1691874883" rel="stylesheet" id="variant-style">
-    <link href="../../../../../css/variant.css?1691874883" rel="stylesheet">
-    <link href="../../../../../css/print.css?1691874883" rel="stylesheet" media="print">
-    <link href="../../../../../css/format-print.css?1691874883" rel="stylesheet">
-    <link href="../../../../../css/ie.css?1691874883" rel="stylesheet">
-    <script src="../../../../../js/url.js?1691874883"></script>
-    <script src="../../../../../js/variant.js?1691874883"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../../../css/nucleus.css?1691877026" rel="stylesheet">
+    <link href="../../../../../css/auto-complete.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1691877026" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1691877026" rel="stylesheet">
+    <link href="../../../../../css/theme-auto.css?1691877026" rel="stylesheet" id="variant-style">
+    <link href="../../../../../css/variant.css?1691877026" rel="stylesheet">
+    <link href="../../../../../css/print.css?1691877026" rel="stylesheet" media="print">
+    <link href="../../../../../css/format-print.css?1691877026" rel="stylesheet">
+    <link href="../../../../../css/ie.css?1691877026" rel="stylesheet">
+    <script src="../../../../../js/url.js?1691877026"></script>
+    <script src="../../../../../js/variant.js?1691877026"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -187,8 +187,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../js/clipboard.min.js?1691874883" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1691874883" defer></script>
-    <script src="../../../../../js/theme.js?1691874883" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1691877026" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1691877026" defer></script>
+    <script src="../../../../../js/theme.js?1691877026" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-1/index.html b/pir/shortcodes/children/children-1/index.html
index 64fb77e9f3..8b233c4bc8 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../../../../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../../../../js/url.js?1691874880"></script>
-    <script src="../../../../js/variant.js?1691874880"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../../../../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../../../../js/url.js?1691877024"></script>
+    <script src="../../../../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -201,12 +201,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1691874882" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1691874882" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1691874882" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1691874882" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1691874882" defer></script>
-        <script src="../../../../js/search.js?1691874882" defer></script>
+        <script src="../../../../js/auto-complete.js?1691877026" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1691877026" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1691877026" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1691877026" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1691877026" defer></script>
+        <script src="../../../../js/search.js?1691877026" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -336,8 +336,7 @@
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -345,25 +344,37 @@
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../../../js/github-buttons.js?1691874882"></script>
+          <script async src="../../../../js/github-buttons.js?1691877026"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1691874882" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1691874882" defer></script>
-    <script src="../../../../js/theme.js?1691874882" defer></script>
+    <script src="../../../../js/clipboard.min.js?1691877026" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1691877026" defer></script>
+    <script src="../../../../js/theme.js?1691877026" 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 58bf41dad1..191f99f55c 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1691874883" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1691874883" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1691874883" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1691874883" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1691874883" rel="stylesheet">
-    <link href="../../../../css/print.css?1691874883" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1691874883" rel="stylesheet">
-    <link href="../../../../css/ie.css?1691874883" rel="stylesheet">
-    <script src="../../../../js/url.js?1691874883"></script>
-    <script src="../../../../js/variant.js?1691874883"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1691877026" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1691877026" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1691877026" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1691877026" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1691877026" rel="stylesheet">
+    <link href="../../../../css/print.css?1691877026" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1691877026" rel="stylesheet">
+    <link href="../../../../css/ie.css?1691877026" rel="stylesheet">
+    <script src="../../../../js/url.js?1691877026"></script>
+    <script src="../../../../js/variant.js?1691877026"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -213,8 +213,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1691874883" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1691874883" defer></script>
-    <script src="../../../../js/theme.js?1691874883" defer></script>
+    <script src="../../../../js/clipboard.min.js?1691877026" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1691877026" defer></script>
+    <script src="../../../../js/theme.js?1691877026" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-2/index.html b/pir/shortcodes/children/children-2/index.html
index 1e291470bf..4cf0f920e9 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../../../../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../../../../js/url.js?1691874880"></script>
-    <script src="../../../../js/variant.js?1691874880"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../../../../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../../../../js/url.js?1691877024"></script>
+    <script src="../../../../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -186,12 +186,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1691874882" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1691874882" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1691874882" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1691874882" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1691874882" defer></script>
-        <script src="../../../../js/search.js?1691874882" defer></script>
+        <script src="../../../../js/auto-complete.js?1691877026" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1691877026" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1691877026" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1691877026" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1691877026" defer></script>
+        <script src="../../../../js/search.js?1691877026" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -321,8 +321,7 @@
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -330,25 +329,37 @@
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../../../js/github-buttons.js?1691874882"></script>
+          <script async src="../../../../js/github-buttons.js?1691877026"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1691874882" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1691874882" defer></script>
-    <script src="../../../../js/theme.js?1691874882" defer></script>
+    <script src="../../../../js/clipboard.min.js?1691877026" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1691877026" defer></script>
+    <script src="../../../../js/theme.js?1691877026" 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 5b41f3b182..9927b51bbc 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1691874883" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1691874883" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1691874883" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1691874883" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1691874883" rel="stylesheet">
-    <link href="../../../../css/print.css?1691874883" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1691874883" rel="stylesheet">
-    <link href="../../../../css/ie.css?1691874883" rel="stylesheet">
-    <script src="../../../../js/url.js?1691874883"></script>
-    <script src="../../../../js/variant.js?1691874883"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1691877026" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1691877026" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1691877026" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1691877026" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1691877026" rel="stylesheet">
+    <link href="../../../../css/print.css?1691877026" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1691877026" rel="stylesheet">
+    <link href="../../../../css/ie.css?1691877026" rel="stylesheet">
+    <script src="../../../../js/url.js?1691877026"></script>
+    <script src="../../../../js/variant.js?1691877026"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -94,8 +94,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1691874883" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1691874883" defer></script>
-    <script src="../../../../js/theme.js?1691874883" defer></script>
+    <script src="../../../../js/clipboard.min.js?1691877026" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1691877026" defer></script>
+    <script src="../../../../js/theme.js?1691877026" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-3/index.html b/pir/shortcodes/children/children-3/index.html
index 9969b2047f..ff6b12a202 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../../../../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../../../../js/url.js?1691874880"></script>
-    <script src="../../../../js/variant.js?1691874880"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../../../../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../../../../js/url.js?1691877024"></script>
+    <script src="../../../../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -201,12 +201,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1691874882" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1691874882" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1691874882" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1691874882" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1691874882" defer></script>
-        <script src="../../../../js/search.js?1691874882" defer></script>
+        <script src="../../../../js/auto-complete.js?1691877026" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1691877026" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1691877026" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1691877026" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1691877026" defer></script>
+        <script src="../../../../js/search.js?1691877026" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -336,8 +336,7 @@
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -345,25 +344,37 @@
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../../../js/github-buttons.js?1691874882"></script>
+          <script async src="../../../../js/github-buttons.js?1691877026"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1691874882" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1691874882" defer></script>
-    <script src="../../../../js/theme.js?1691874882" defer></script>
+    <script src="../../../../js/clipboard.min.js?1691877026" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1691877026" defer></script>
+    <script src="../../../../js/theme.js?1691877026" 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 cc10e454af..34aa4101b6 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1691874883" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1691874883" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1691874883" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1691874883" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1691874883" rel="stylesheet">
-    <link href="../../../../css/print.css?1691874883" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1691874883" rel="stylesheet">
-    <link href="../../../../css/ie.css?1691874883" rel="stylesheet">
-    <script src="../../../../js/url.js?1691874883"></script>
-    <script src="../../../../js/variant.js?1691874883"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1691877026" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1691877026" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1691877026" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1691877026" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1691877026" rel="stylesheet">
+    <link href="../../../../css/print.css?1691877026" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1691877026" rel="stylesheet">
+    <link href="../../../../css/ie.css?1691877026" rel="stylesheet">
+    <script src="../../../../js/url.js?1691877026"></script>
+    <script src="../../../../js/variant.js?1691877026"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -120,8 +120,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1691874883" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1691874883" defer></script>
-    <script src="../../../../js/theme.js?1691874883" defer></script>
+    <script src="../../../../js/clipboard.min.js?1691877026" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1691877026" defer></script>
+    <script src="../../../../js/theme.js?1691877026" 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 9542d48d43..26962de169 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../../../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../../../../../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../../../../../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../../../../../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../../../../../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../../../../../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../../../../../js/url.js?1691874880"></script>
-    <script src="../../../../../js/variant.js?1691874880"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../../../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../../../../../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../../../../../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../../../../../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../../../../../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../../../../../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../../../../../js/url.js?1691877024"></script>
+    <script src="../../../../../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -186,12 +186,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../js/auto-complete.js?1691874881" defer></script>
-        <script src="../../../../../js/lunr/lunr.min.js?1691874881" defer></script>
-        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1691874881" defer></script>
-        <script src="../../../../../js/lunr/lunr.multi.min.js?1691874881" defer></script>
-        <script src="../../../../../js/lunr/lunr.en.min.js?1691874881" defer></script>
-        <script src="../../../../../js/search.js?1691874881" defer></script>
+        <script src="../../../../../js/auto-complete.js?1691877025" defer></script>
+        <script src="../../../../../js/lunr/lunr.min.js?1691877025" defer></script>
+        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1691877025" defer></script>
+        <script src="../../../../../js/lunr/lunr.multi.min.js?1691877025" defer></script>
+        <script src="../../../../../js/lunr/lunr.en.min.js?1691877025" defer></script>
+        <script src="../../../../../js/search.js?1691877025" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -321,8 +321,7 @@
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -330,25 +329,37 @@
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../../../../js/github-buttons.js?1691874881"></script>
+          <script async src="../../../../../js/github-buttons.js?1691877025"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../js/clipboard.min.js?1691874881" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1691874881" defer></script>
-    <script src="../../../../../js/theme.js?1691874881" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1691877025" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1691877025" defer></script>
+    <script src="../../../../../js/theme.js?1691877025" 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 849407ab37..05073da34b 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../../../css/nucleus.css?1691874883" rel="stylesheet">
-    <link href="../../../../../css/auto-complete.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1691874883" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1691874883" rel="stylesheet">
-    <link href="../../../../../css/theme-auto.css?1691874883" rel="stylesheet" id="variant-style">
-    <link href="../../../../../css/variant.css?1691874883" rel="stylesheet">
-    <link href="../../../../../css/print.css?1691874883" rel="stylesheet" media="print">
-    <link href="../../../../../css/format-print.css?1691874883" rel="stylesheet">
-    <link href="../../../../../css/ie.css?1691874883" rel="stylesheet">
-    <script src="../../../../../js/url.js?1691874883"></script>
-    <script src="../../../../../js/variant.js?1691874883"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../../../css/nucleus.css?1691877026" rel="stylesheet">
+    <link href="../../../../../css/auto-complete.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1691877026" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1691877026" rel="stylesheet">
+    <link href="../../../../../css/theme-auto.css?1691877026" rel="stylesheet" id="variant-style">
+    <link href="../../../../../css/variant.css?1691877026" rel="stylesheet">
+    <link href="../../../../../css/print.css?1691877026" rel="stylesheet" media="print">
+    <link href="../../../../../css/format-print.css?1691877026" rel="stylesheet">
+    <link href="../../../../../css/ie.css?1691877026" rel="stylesheet">
+    <script src="../../../../../js/url.js?1691877026"></script>
+    <script src="../../../../../js/variant.js?1691877026"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -94,8 +94,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../js/clipboard.min.js?1691874883" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1691874883" defer></script>
-    <script src="../../../../../js/theme.js?1691874883" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1691877026" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1691877026" defer></script>
+    <script src="../../../../../js/theme.js?1691877026" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-4/index.html b/pir/shortcodes/children/children-4/index.html
index bff0d1d0ac..d32e0f1819 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../../../../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../../../../js/url.js?1691874880"></script>
-    <script src="../../../../js/variant.js?1691874880"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../../../../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../../../../js/url.js?1691877024"></script>
+    <script src="../../../../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -184,12 +184,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1691874882" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1691874882" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1691874882" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1691874882" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1691874882" defer></script>
-        <script src="../../../../js/search.js?1691874882" defer></script>
+        <script src="../../../../js/auto-complete.js?1691877026" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1691877026" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1691877026" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1691877026" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1691877026" defer></script>
+        <script src="../../../../js/search.js?1691877026" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -320,8 +320,7 @@
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -329,25 +328,37 @@
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../../../js/github-buttons.js?1691874882"></script>
+          <script async src="../../../../js/github-buttons.js?1691877026"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1691874882" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1691874882" defer></script>
-    <script src="../../../../js/theme.js?1691874882" defer></script>
+    <script src="../../../../js/clipboard.min.js?1691877026" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1691877026" defer></script>
+    <script src="../../../../js/theme.js?1691877026" 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 775972a004..851bc394ed 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1691874883" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1691874883" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1691874883" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1691874883" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1691874883" rel="stylesheet">
-    <link href="../../../../css/print.css?1691874883" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1691874883" rel="stylesheet">
-    <link href="../../../../css/ie.css?1691874883" rel="stylesheet">
-    <script src="../../../../js/url.js?1691874883"></script>
-    <script src="../../../../js/variant.js?1691874883"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1691877026" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1691877026" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1691877026" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1691877026" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1691877026" rel="stylesheet">
+    <link href="../../../../css/print.css?1691877026" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1691877026" rel="stylesheet">
+    <link href="../../../../css/ie.css?1691877026" rel="stylesheet">
+    <script src="../../../../js/url.js?1691877026"></script>
+    <script src="../../../../js/variant.js?1691877026"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -92,8 +92,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1691874883" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1691874883" defer></script>
-    <script src="../../../../js/theme.js?1691874883" defer></script>
+    <script src="../../../../js/clipboard.min.js?1691877026" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1691877026" defer></script>
+    <script src="../../../../js/theme.js?1691877026" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/index.html b/pir/shortcodes/children/index.html
index bfee74daa1..72f14a71b3 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../../../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../../../js/url.js?1691874880"></script>
-    <script src="../../../js/variant.js?1691874880"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../../../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../../../js/url.js?1691877024"></script>
+    <script src="../../../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -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?1691874882" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1691874882" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691874882" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1691874882" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1691874882" defer></script>
-        <script src="../../../js/search.js?1691874882" defer></script>
+        <script src="../../../js/auto-complete.js?1691877026" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1691877026" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691877026" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1691877026" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1691877026" defer></script>
+        <script src="../../../js/search.js?1691877026" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -531,8 +531,7 @@ So its rrrambl'n be used as descript'n.</p>
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -540,25 +539,37 @@ So its rrrambl'n be used as descript'n.</p>
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1691874882"></script>
+          <script async src="../../../js/github-buttons.js?1691877026"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1691874882" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691874882" defer></script>
-    <script src="../../../js/theme.js?1691874882" defer></script>
+    <script src="../../../js/clipboard.min.js?1691877026" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691877026" defer></script>
+    <script src="../../../js/theme.js?1691877026" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/index.print.html b/pir/shortcodes/children/index.print.html
index 9e2888e84e..72144ee9a6 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691874883" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691874883" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691874883" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691874883" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691874883" rel="stylesheet">
-    <link href="../../../css/print.css?1691874883" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1691874883" rel="stylesheet">
-    <link href="../../../css/ie.css?1691874883" rel="stylesheet">
-    <script src="../../../js/url.js?1691874883"></script>
-    <script src="../../../js/variant.js?1691874883"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691877026" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691877026" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691877026" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691877026" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691877026" rel="stylesheet">
+    <link href="../../../css/print.css?1691877026" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1691877026" rel="stylesheet">
+    <link href="../../../css/ie.css?1691877026" rel="stylesheet">
+    <script src="../../../js/url.js?1691877026"></script>
+    <script src="../../../js/variant.js?1691877026"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -503,8 +503,8 @@ So its rrrambl'n be used as descript'n.</p>
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1691874883" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691874883" defer></script>
-    <script src="../../../js/theme.js?1691874883" defer></script>
+    <script src="../../../js/clipboard.min.js?1691877026" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691877026" defer></script>
+    <script src="../../../js/theme.js?1691877026" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/test/index.html b/pir/shortcodes/children/test/index.html
index c0cde29433..4e527ce9d6 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../../../../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../../../../js/url.js?1691874880"></script>
-    <script src="../../../../js/variant.js?1691874880"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../../../../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../../../../js/url.js?1691877024"></script>
+    <script src="../../../../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -185,12 +185,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1691874881" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1691874881" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1691874881" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1691874881" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1691874881" defer></script>
-        <script src="../../../../js/search.js?1691874881" defer></script>
+        <script src="../../../../js/auto-complete.js?1691877025" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1691877025" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1691877025" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1691877025" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1691877025" defer></script>
+        <script src="../../../../js/search.js?1691877025" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -320,8 +320,7 @@
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -329,25 +328,37 @@
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../../../js/github-buttons.js?1691874881"></script>
+          <script async src="../../../../js/github-buttons.js?1691877025"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1691874881" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1691874881" defer></script>
-    <script src="../../../../js/theme.js?1691874881" defer></script>
+    <script src="../../../../js/clipboard.min.js?1691877025" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1691877025" defer></script>
+    <script src="../../../../js/theme.js?1691877025" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/test/index.print.html b/pir/shortcodes/children/test/index.print.html
index e542ea1168..7951929fe2 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1691874883" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1691874883" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1691874883" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1691874883" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1691874883" rel="stylesheet">
-    <link href="../../../../css/print.css?1691874883" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1691874883" rel="stylesheet">
-    <link href="../../../../css/ie.css?1691874883" rel="stylesheet">
-    <script src="../../../../js/url.js?1691874883"></script>
-    <script src="../../../../js/variant.js?1691874883"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1691877026" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1691877026" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1691877026" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1691877026" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1691877026" rel="stylesheet">
+    <link href="../../../../css/print.css?1691877026" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1691877026" rel="stylesheet">
+    <link href="../../../../css/ie.css?1691877026" rel="stylesheet">
+    <script src="../../../../js/url.js?1691877026"></script>
+    <script src="../../../../js/variant.js?1691877026"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -93,8 +93,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1691874883" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1691874883" defer></script>
-    <script src="../../../../js/theme.js?1691874883" defer></script>
+    <script src="../../../../js/clipboard.min.js?1691877026" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1691877026" defer></script>
+    <script src="../../../../js/theme.js?1691877026" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/expand/index.html b/pir/shortcodes/expand/index.html
index f54254f5f9..4d070f5f7f 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../../../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../../../js/url.js?1691874880"></script>
-    <script src="../../../js/variant.js?1691874880"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../../../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../../../js/url.js?1691877024"></script>
+    <script src="../../../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -116,13 +116,13 @@
 <p>Th' <code>expand</code> shortcode displays an expandable/collaps'ble section o' text.</p>
 
 <div class="expand">
-    <input type="checkbox" id="expand-895a6ab1af76ac820dc56071c7743075" aria-controls="expandcontent-895a6ab1af76ac820dc56071c7743075" >
-    <label class="expand-label" for="expand-895a6ab1af76ac820dc56071c7743075" >
+    <input type="checkbox" id="expand-852163cd96f5e05ed4e43243d14050d7" aria-controls="expandcontent-852163cd96f5e05ed4e43243d14050d7" >
+    <label class="expand-label" for="expand-852163cd96f5e05ed4e43243d14050d7" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-895a6ab1af76ac820dc56071c7743075" class="expand-content">
+    <div id="expandcontent-852163cd96f5e05ed4e43243d14050d7" 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-c08c0935924bd1a566027be00807f88b" aria-controls="expandcontent-c08c0935924bd1a566027be00807f88b" >
-    <label class="expand-label" for="expand-c08c0935924bd1a566027be00807f88b" >
+    <input type="checkbox" id="expand-5369ad409d73c2ff8243ab3bc599a74a" aria-controls="expandcontent-5369ad409d73c2ff8243ab3bc599a74a" >
+    <label class="expand-label" for="expand-5369ad409d73c2ff8243ab3bc599a74a" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-c08c0935924bd1a566027be00807f88b" class="expand-content">
+    <div id="expandcontent-5369ad409d73c2ff8243ab3bc599a74a" 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-23e8cd7e496233066d78996c11a24ef3" aria-controls="expandcontent-23e8cd7e496233066d78996c11a24ef3"  checked>
-    <label class="expand-label" for="expand-23e8cd7e496233066d78996c11a24ef3" >
+    <input type="checkbox" id="expand-54e9246751715f55dd145b829c50f4ff" aria-controls="expandcontent-54e9246751715f55dd145b829c50f4ff"  checked>
+    <label class="expand-label" for="expand-54e9246751715f55dd145b829c50f4ff" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-23e8cd7e496233066d78996c11a24ef3" class="expand-content">
+    <div id="expandcontent-54e9246751715f55dd145b829c50f4ff" 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-27442a16dcd31f51dc97aed4e5a53526" aria-controls="expandcontent-27442a16dcd31f51dc97aed4e5a53526" >
-    <label class="expand-label" for="expand-27442a16dcd31f51dc97aed4e5a53526" >
+    <input type="checkbox" id="expand-17b1b20dadf9e86ce8972da61dbe3a7d" aria-controls="expandcontent-17b1b20dadf9e86ce8972da61dbe3a7d" >
+    <label class="expand-label" for="expand-17b1b20dadf9e86ce8972da61dbe3a7d" >
         <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-27442a16dcd31f51dc97aed4e5a53526" class="expand-content">
+    <div id="expandcontent-17b1b20dadf9e86ce8972da61dbe3a7d" 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?1691874881" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1691874881" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691874881" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1691874881" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1691874881" defer></script>
-        <script src="../../../js/search.js?1691874881" defer></script>
+        <script src="../../../js/auto-complete.js?1691877024" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1691877024" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691877024" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1691877024" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1691877024" defer></script>
+        <script src="../../../js/search.js?1691877024" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -532,8 +532,7 @@ No need t' press ye!</div>
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -541,25 +540,37 @@ No need t' press ye!</div>
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1691874881"></script>
+          <script async src="../../../js/github-buttons.js?1691877024"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1691874881" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691874881" defer></script>
-    <script src="../../../js/theme.js?1691874881" defer></script>
+    <script src="../../../js/clipboard.min.js?1691877024" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691877024" defer></script>
+    <script src="../../../js/theme.js?1691877024" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/expand/index.print.html b/pir/shortcodes/expand/index.print.html
index b7beb243d7..1f64992ac4 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691874883" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691874883" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691874883" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691874883" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691874883" rel="stylesheet">
-    <link href="../../../css/print.css?1691874883" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1691874883" rel="stylesheet">
-    <link href="../../../css/ie.css?1691874883" rel="stylesheet">
-    <script src="../../../js/url.js?1691874883"></script>
-    <script src="../../../js/variant.js?1691874883"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691877026" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691877026" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691877026" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691877026" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691877026" rel="stylesheet">
+    <link href="../../../css/print.css?1691877026" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1691877026" rel="stylesheet">
+    <link href="../../../css/ie.css?1691877026" rel="stylesheet">
+    <script src="../../../js/url.js?1691877026"></script>
+    <script src="../../../js/variant.js?1691877026"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -80,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-895a6ab1af76ac820dc56071c7743075" aria-controls="expandcontent-895a6ab1af76ac820dc56071c7743075" >
-    <label class="expand-label" for="expand-895a6ab1af76ac820dc56071c7743075" >
+    <input type="checkbox" id="expand-852163cd96f5e05ed4e43243d14050d7" aria-controls="expandcontent-852163cd96f5e05ed4e43243d14050d7" >
+    <label class="expand-label" for="expand-852163cd96f5e05ed4e43243d14050d7" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-895a6ab1af76ac820dc56071c7743075" class="expand-content">
+    <div id="expandcontent-852163cd96f5e05ed4e43243d14050d7" 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-c08c0935924bd1a566027be00807f88b" aria-controls="expandcontent-c08c0935924bd1a566027be00807f88b" >
-    <label class="expand-label" for="expand-c08c0935924bd1a566027be00807f88b" >
+    <input type="checkbox" id="expand-5369ad409d73c2ff8243ab3bc599a74a" aria-controls="expandcontent-5369ad409d73c2ff8243ab3bc599a74a" >
+    <label class="expand-label" for="expand-5369ad409d73c2ff8243ab3bc599a74a" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-c08c0935924bd1a566027be00807f88b" class="expand-content">
+    <div id="expandcontent-5369ad409d73c2ff8243ab3bc599a74a" 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-23e8cd7e496233066d78996c11a24ef3" aria-controls="expandcontent-23e8cd7e496233066d78996c11a24ef3"  checked>
-    <label class="expand-label" for="expand-23e8cd7e496233066d78996c11a24ef3" >
+    <input type="checkbox" id="expand-54e9246751715f55dd145b829c50f4ff" aria-controls="expandcontent-54e9246751715f55dd145b829c50f4ff"  checked>
+    <label class="expand-label" for="expand-54e9246751715f55dd145b829c50f4ff" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-23e8cd7e496233066d78996c11a24ef3" class="expand-content">
+    <div id="expandcontent-54e9246751715f55dd145b829c50f4ff" 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-27442a16dcd31f51dc97aed4e5a53526" aria-controls="expandcontent-27442a16dcd31f51dc97aed4e5a53526" >
-    <label class="expand-label" for="expand-27442a16dcd31f51dc97aed4e5a53526" >
+    <input type="checkbox" id="expand-17b1b20dadf9e86ce8972da61dbe3a7d" aria-controls="expandcontent-17b1b20dadf9e86ce8972da61dbe3a7d" >
+    <label class="expand-label" for="expand-17b1b20dadf9e86ce8972da61dbe3a7d" >
         <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-27442a16dcd31f51dc97aed4e5a53526" class="expand-content">
+    <div id="expandcontent-17b1b20dadf9e86ce8972da61dbe3a7d" 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?1691874883" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691874883" defer></script>
-    <script src="../../../js/theme.js?1691874883" defer></script>
+    <script src="../../../js/clipboard.min.js?1691877026" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691877026" defer></script>
+    <script src="../../../js/theme.js?1691877026" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/highlight/index.html b/pir/shortcodes/highlight/index.html
index f58c487374..9effe881ab 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../../../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../../../js/url.js?1691874880"></script>
-    <script src="../../../js/variant.js?1691874880"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../../../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../../../js/url.js?1691877024"></script>
+    <script src="../../../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -420,12 +420,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1691874881" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1691874881" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691874881" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1691874881" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1691874881" defer></script>
-        <script src="../../../js/search.js?1691874881" defer></script>
+        <script src="../../../js/auto-complete.js?1691877025" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1691877025" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691877025" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1691877025" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1691877025" defer></script>
+        <script src="../../../js/search.js?1691877025" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -555,8 +555,7 @@
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -564,25 +563,37 @@
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1691874881"></script>
+          <script async src="../../../js/github-buttons.js?1691877025"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1691874881" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691874881" defer></script>
-    <script src="../../../js/theme.js?1691874881" defer></script>
+    <script src="../../../js/clipboard.min.js?1691877025" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691877025" defer></script>
+    <script src="../../../js/theme.js?1691877025" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/highlight/index.print.html b/pir/shortcodes/highlight/index.print.html
index 862ff19564..111fd2cda6 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691874883" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691874883" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691874883" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691874883" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691874883" rel="stylesheet">
-    <link href="../../../css/print.css?1691874883" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1691874883" rel="stylesheet">
-    <link href="../../../css/ie.css?1691874883" rel="stylesheet">
-    <script src="../../../js/url.js?1691874883"></script>
-    <script src="../../../js/variant.js?1691874883"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691877026" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691877026" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691877026" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691877026" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691877026" rel="stylesheet">
+    <link href="../../../css/print.css?1691877026" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1691877026" rel="stylesheet">
+    <link href="../../../css/ie.css?1691877026" rel="stylesheet">
+    <script src="../../../js/url.js?1691877026"></script>
+    <script src="../../../js/variant.js?1691877026"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -301,8 +301,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1691874883" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691874883" defer></script>
-    <script src="../../../js/theme.js?1691874883" defer></script>
+    <script src="../../../js/clipboard.min.js?1691877026" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691877026" defer></script>
+    <script src="../../../js/theme.js?1691877026" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/icon/index.html b/pir/shortcodes/icon/index.html
index da61e04ffd..d46f0975b7 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../../../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../../../js/url.js?1691874880"></script>
-    <script src="../../../js/variant.js?1691874880"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../../../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../../../js/url.js?1691877024"></script>
+    <script src="../../../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -320,12 +320,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1691874881" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1691874881" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691874881" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1691874881" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1691874881" defer></script>
-        <script src="../../../js/search.js?1691874881" defer></script>
+        <script src="../../../js/auto-complete.js?1691877024" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1691877024" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691877024" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1691877024" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1691877024" defer></script>
+        <script src="../../../js/search.js?1691877024" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -455,8 +455,7 @@
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -464,25 +463,37 @@
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1691874881"></script>
+          <script async src="../../../js/github-buttons.js?1691877024"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1691874881" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691874881" defer></script>
-    <script src="../../../js/theme.js?1691874881" defer></script>
+    <script src="../../../js/clipboard.min.js?1691877024" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691877024" defer></script>
+    <script src="../../../js/theme.js?1691877024" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/icon/index.print.html b/pir/shortcodes/icon/index.print.html
index e7959488f9..dd087a800d 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691874883" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691874883" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691874883" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691874883" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691874883" rel="stylesheet">
-    <link href="../../../css/print.css?1691874883" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1691874883" rel="stylesheet">
-    <link href="../../../css/ie.css?1691874883" rel="stylesheet">
-    <script src="../../../js/url.js?1691874883"></script>
-    <script src="../../../js/variant.js?1691874883"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691877026" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691877026" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691877026" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691877026" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691877026" rel="stylesheet">
+    <link href="../../../css/print.css?1691877026" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1691877026" rel="stylesheet">
+    <link href="../../../css/ie.css?1691877026" rel="stylesheet">
+    <script src="../../../js/url.js?1691877026"></script>
+    <script src="../../../js/variant.js?1691877026"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -206,8 +206,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1691874883" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691874883" defer></script>
-    <script src="../../../js/theme.js?1691874883" defer></script>
+    <script src="../../../js/clipboard.min.js?1691877026" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691877026" defer></script>
+    <script src="../../../js/theme.js?1691877026" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/include/index.html b/pir/shortcodes/include/index.html
index 663b5f92e3..c417ce7005 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../../../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../../../js/url.js?1691874880"></script>
-    <script src="../../../js/variant.js?1691874880"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../../../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../../../js/url.js?1691877024"></script>
+    <script src="../../../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -310,12 +310,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1691874881" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1691874881" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691874881" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1691874881" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1691874881" defer></script>
-        <script src="../../../js/search.js?1691874881" defer></script>
+        <script src="../../../js/auto-complete.js?1691877025" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1691877025" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691877025" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1691877025" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1691877025" defer></script>
+        <script src="../../../js/search.js?1691877025" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -445,8 +445,7 @@
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -454,25 +453,37 @@
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1691874881"></script>
+          <script async src="../../../js/github-buttons.js?1691877025"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1691874881" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691874881" defer></script>
-    <script src="../../../js/theme.js?1691874881" defer></script>
+    <script src="../../../js/clipboard.min.js?1691877025" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691877025" defer></script>
+    <script src="../../../js/theme.js?1691877025" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/include/index.print.html b/pir/shortcodes/include/index.print.html
index 653980d217..274789caaa 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691874883" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691874883" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691874883" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691874883" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691874883" rel="stylesheet">
-    <link href="../../../css/print.css?1691874883" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1691874883" rel="stylesheet">
-    <link href="../../../css/ie.css?1691874883" rel="stylesheet">
-    <script src="../../../js/url.js?1691874883"></script>
-    <script src="../../../js/variant.js?1691874883"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691877026" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691877026" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691877026" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691877026" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691877026" rel="stylesheet">
+    <link href="../../../css/print.css?1691877026" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1691877026" rel="stylesheet">
+    <link href="../../../css/ie.css?1691877026" rel="stylesheet">
+    <script src="../../../js/url.js?1691877026"></script>
+    <script src="../../../js/variant.js?1691877026"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -199,8 +199,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1691874883" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691874883" defer></script>
-    <script src="../../../js/theme.js?1691874883" defer></script>
+    <script src="../../../js/clipboard.min.js?1691877026" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691877026" defer></script>
+    <script src="../../../js/theme.js?1691877026" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/index.html b/pir/shortcodes/index.html
index edb32fbac5..5b68777200 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../../js/url.js?1691874880"></script>
-    <script src="../../js/variant.js?1691874880"></script>
+    <link href="../../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../../js/url.js?1691877024"></script>
+    <script src="../../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -202,12 +202,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1691874882" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1691874882" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691874882" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1691874882" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1691874882" defer></script>
-        <script src="../../js/search.js?1691874882" defer></script>
+        <script src="../../js/auto-complete.js?1691877026" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1691877026" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691877026" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1691877026" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1691877026" defer></script>
+        <script src="../../js/search.js?1691877026" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -337,8 +337,7 @@
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -346,25 +345,37 @@
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../js/github-buttons.js?1691874882"></script>
+          <script async src="../../js/github-buttons.js?1691877026"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1691874882" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691874882" defer></script>
-    <script src="../../js/theme.js?1691874882" defer></script>
+    <script src="../../js/clipboard.min.js?1691877026" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691877026" defer></script>
+    <script src="../../js/theme.js?1691877026" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/index.print.html b/pir/shortcodes/index.print.html
index 06902c7b14..c3c414cdc2 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691874883" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691874883" rel="stylesheet">
-    <link href="../../css/fonts.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691874883" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691874883" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691874883" rel="stylesheet">
-    <link href="../../css/print.css?1691874883" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1691874883" rel="stylesheet">
-    <link href="../../css/ie.css?1691874883" rel="stylesheet">
-    <script src="../../js/url.js?1691874883"></script>
-    <script src="../../js/variant.js?1691874883"></script>
+    <link href="../../css/fontawesome-all.min.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691877026" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691877026" rel="stylesheet">
+    <link href="../../css/fonts.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691877026" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691877026" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691877026" rel="stylesheet">
+    <link href="../../css/print.css?1691877026" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1691877026" rel="stylesheet">
+    <link href="../../css/ie.css?1691877026" rel="stylesheet">
+    <script src="../../js/url.js?1691877026"></script>
+    <script src="../../js/variant.js?1691877026"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -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-895a6ab1af76ac820dc56071c7743075" aria-controls="expandcontent-895a6ab1af76ac820dc56071c7743075" >
-    <label class="expand-label" for="expand-895a6ab1af76ac820dc56071c7743075" >
+    <input type="checkbox" id="expand-852163cd96f5e05ed4e43243d14050d7" aria-controls="expandcontent-852163cd96f5e05ed4e43243d14050d7" >
+    <label class="expand-label" for="expand-852163cd96f5e05ed4e43243d14050d7" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-895a6ab1af76ac820dc56071c7743075" class="expand-content">
+    <div id="expandcontent-852163cd96f5e05ed4e43243d14050d7" 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-c08c0935924bd1a566027be00807f88b" aria-controls="expandcontent-c08c0935924bd1a566027be00807f88b" >
-    <label class="expand-label" for="expand-c08c0935924bd1a566027be00807f88b" >
+    <input type="checkbox" id="expand-5369ad409d73c2ff8243ab3bc599a74a" aria-controls="expandcontent-5369ad409d73c2ff8243ab3bc599a74a" >
+    <label class="expand-label" for="expand-5369ad409d73c2ff8243ab3bc599a74a" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-c08c0935924bd1a566027be00807f88b" class="expand-content">
+    <div id="expandcontent-5369ad409d73c2ff8243ab3bc599a74a" 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-23e8cd7e496233066d78996c11a24ef3" aria-controls="expandcontent-23e8cd7e496233066d78996c11a24ef3"  checked>
-    <label class="expand-label" for="expand-23e8cd7e496233066d78996c11a24ef3" >
+    <input type="checkbox" id="expand-54e9246751715f55dd145b829c50f4ff" aria-controls="expandcontent-54e9246751715f55dd145b829c50f4ff"  checked>
+    <label class="expand-label" for="expand-54e9246751715f55dd145b829c50f4ff" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-23e8cd7e496233066d78996c11a24ef3" class="expand-content">
+    <div id="expandcontent-54e9246751715f55dd145b829c50f4ff" 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-27442a16dcd31f51dc97aed4e5a53526" aria-controls="expandcontent-27442a16dcd31f51dc97aed4e5a53526" >
-    <label class="expand-label" for="expand-27442a16dcd31f51dc97aed4e5a53526" >
+    <input type="checkbox" id="expand-17b1b20dadf9e86ce8972da61dbe3a7d" aria-controls="expandcontent-17b1b20dadf9e86ce8972da61dbe3a7d" >
+    <label class="expand-label" for="expand-17b1b20dadf9e86ce8972da61dbe3a7d" >
         <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-27442a16dcd31f51dc97aed4e5a53526" class="expand-content">
+    <div id="expandcontent-17b1b20dadf9e86ce8972da61dbe3a7d" 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-283aa7ffe5645c5c3642ce327328ed00"
+    id="openapi-9d3097d5508b0bb75edcac68426eec91"
     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="fd711cc023dee7661f849cca7569d459">
+<div class="tab-panel" data-tab-group="15603a1a5d67f42411ae7531143705db">
   <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('fd711cc023dee7661f849cca7569d459','config.toml')"
+      onclick="switchTab('15603a1a5d67f42411ae7531143705db','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="86191e3781f548c749fd988ff3b89b4c">
+<div class="tab-panel" data-tab-group="f7466875c85acebcb390598784806cdf">
   <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('86191e3781f548c749fd988ff3b89b4c','c')"
+      onclick="switchTab('f7466875c85acebcb390598784806cdf','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="776bb0a24a7bd7501d6ff1764a08cec3">
+<div class="tab-panel" data-tab-group="25aaa029ce151236c6acd502d422b3f9">
   <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('776bb0a24a7bd7501d6ff1764a08cec3','Code')"
+      onclick="switchTab('25aaa029ce151236c6acd502d422b3f9','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="5e3b35931a61240ae1fa391d44d6e590">
+<div class="tab-panel" data-tab-group="3b241885f49515222684fce3e16dc2b5">
   <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('5e3b35931a61240ae1fa391d44d6e590','Mixed')"
+      onclick="switchTab('3b241885f49515222684fce3e16dc2b5','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="f35da44fb678bfc777e108edf23e2ed9">
+<div class="tab-panel" data-tab-group="0df9ff7e491e308c8add7a7f72776390">
   <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('f35da44fb678bfc777e108edf23e2ed9','just colored style')"
+      onclick="switchTab('0df9ff7e491e308c8add7a7f72776390','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('f35da44fb678bfc777e108edf23e2ed9','just color')"
+      onclick="switchTab('0df9ff7e491e308c8add7a7f72776390','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('f35da44fb678bfc777e108edf23e2ed9','default style an' color')"
+      onclick="switchTab('0df9ff7e491e308c8add7a7f72776390','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('f35da44fb678bfc777e108edf23e2ed9','just severity stylefa-fw fas fa-info-circle')"
+      onclick="switchTab('0df9ff7e491e308c8add7a7f72776390','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('f35da44fb678bfc777e108edf23e2ed9','severity style an' colorfa-fw fas fa-info-circle')"
+      onclick="switchTab('0df9ff7e491e308c8add7a7f72776390','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="49ec946c46a502c81b5810ef2c569f1c">
+<div class="tab-panel" data-tab-group="b78a43780c9d428ac7d844987fcd29c5">
   <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('49ec946c46a502c81b5810ef2c569f1c','py')"
+      onclick="switchTab('b78a43780c9d428ac7d844987fcd29c5','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('49ec946c46a502c81b5810ef2c569f1c','sh')"
+      onclick="switchTab('b78a43780c9d428ac7d844987fcd29c5','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('49ec946c46a502c81b5810ef2c569f1c','c')"
+      onclick="switchTab('b78a43780c9d428ac7d844987fcd29c5','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="a01c3b9481260f77b751c4c9fdc36575">
+<div class="tab-panel" data-tab-group="a27bf9df14c597245a0312625965630a">
   <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('a01c3b9481260f77b751c4c9fdc36575','Group A, Tab View 1')"
+      onclick="switchTab('a27bf9df14c597245a0312625965630a','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('a01c3b9481260f77b751c4c9fdc36575','Group A, Tab View 2')"
+      onclick="switchTab('a27bf9df14c597245a0312625965630a','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('a01c3b9481260f77b751c4c9fdc36575','Group B')"
+      onclick="switchTab('a27bf9df14c597245a0312625965630a','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?1691874883" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691874883" defer></script>
+    <script src="../../js/clipboard.min.js?1691877026" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691877026" 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?1691874883"></script>
-    <script src="../../js/d3/d3-color.min.js?1691874883" defer></script>
-    <script src="../../js/d3/d3-dispatch.min.js?1691874883" defer></script>
-    <script src="../../js/d3/d3-drag.min.js?1691874883" defer></script>
-    <script src="../../js/d3/d3-ease.min.js?1691874883" defer></script>
-    <script src="../../js/d3/d3-interpolate.min.js?1691874883" defer></script>
-    <script src="../../js/d3/d3-selection.min.js?1691874883" defer></script>
-    <script src="../../js/d3/d3-timer.min.js?1691874883" defer></script>
-    <script src="../../js/d3/d3-transition.min.js?1691874883" defer></script>
-    <script src="../../js/d3/d3-zoom.min.js?1691874883" defer></script>
-    <script src="../../js/js-yaml.min.js?1691874883" defer></script>
-    <script src="../../js/mermaid.min.js?1691874883" defer></script>
+    <script id="MathJax-script" async src="../../js/mathjax/tex-mml-chtml.js?1691877026"></script>
+    <script src="../../js/d3/d3-color.min.js?1691877026" defer></script>
+    <script src="../../js/d3/d3-dispatch.min.js?1691877026" defer></script>
+    <script src="../../js/d3/d3-drag.min.js?1691877026" defer></script>
+    <script src="../../js/d3/d3-ease.min.js?1691877026" defer></script>
+    <script src="../../js/d3/d3-interpolate.min.js?1691877026" defer></script>
+    <script src="../../js/d3/d3-selection.min.js?1691877026" defer></script>
+    <script src="../../js/d3/d3-timer.min.js?1691877026" defer></script>
+    <script src="../../js/d3/d3-transition.min.js?1691877026" defer></script>
+    <script src="../../js/d3/d3-zoom.min.js?1691877026" defer></script>
+    <script src="../../js/js-yaml.min.js?1691877026" defer></script>
+    <script src="../../js/mermaid.min.js?1691877026" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
     <script>window.noZensmooth = true;</script>
-    <script src="../../js/swagger-ui/swagger-ui-bundle.js?1691874883" defer></script>
-    <script src="../../js/swagger-ui/swagger-ui-standalone-preset.js?1691874883" defer></script>
+    <script src="../../js/swagger-ui/swagger-ui-bundle.js?1691877026" defer></script>
+    <script src="../../js/swagger-ui/swagger-ui-standalone-preset.js?1691877026" defer></script>
     <script>
-      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1691874883", assetsBuster:  1691874883  };
+      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1691877026", assetsBuster:  1691877026  };
     </script>
-    <script src="../../js/theme.js?1691874883" defer></script>
+    <script src="../../js/theme.js?1691877026" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/math/index.html b/pir/shortcodes/math/index.html
index 687765254d..90a5834521 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../../../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../../../js/url.js?1691874880"></script>
-    <script src="../../../js/variant.js?1691874880"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../../../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../../../js/url.js?1691877024"></script>
+    <script src="../../../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -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?1691874881" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1691874881" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691874881" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1691874881" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1691874881" defer></script>
-        <script src="../../../js/search.js?1691874881" defer></script>
+        <script src="../../../js/auto-complete.js?1691877025" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1691877025" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691877025" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1691877025" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1691877025" defer></script>
+        <script src="../../../js/search.js?1691877025" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -512,8 +512,7 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -521,25 +520,37 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1691874881"></script>
+          <script async src="../../../js/github-buttons.js?1691877025"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1691874881" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691874881" defer></script>
+    <script src="../../../js/clipboard.min.js?1691877025" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691877025" defer></script>
     <script>
       function useMathJax( config ){
         if( !Object.assign ){
@@ -568,7 +579,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?1691874881"></script>
-    <script src="../../../js/theme.js?1691874881" defer></script>
+    <script id="MathJax-script" async src="../../../js/mathjax/tex-mml-chtml.js?1691877025"></script>
+    <script src="../../../js/theme.js?1691877025" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/math/index.print.html b/pir/shortcodes/math/index.print.html
index e0a44382e2..a50cd8d1ab 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691874883" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691874883" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691874883" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691874883" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691874883" rel="stylesheet">
-    <link href="../../../css/print.css?1691874883" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1691874883" rel="stylesheet">
-    <link href="../../../css/ie.css?1691874883" rel="stylesheet">
-    <script src="../../../js/url.js?1691874883"></script>
-    <script src="../../../js/variant.js?1691874883"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691877026" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691877026" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691877026" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691877026" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691877026" rel="stylesheet">
+    <link href="../../../css/print.css?1691877026" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1691877026" rel="stylesheet">
+    <link href="../../../css/ie.css?1691877026" rel="stylesheet">
+    <script src="../../../js/url.js?1691877026"></script>
+    <script src="../../../js/variant.js?1691877026"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -257,8 +257,8 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1691874883" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691874883" defer></script>
+    <script src="../../../js/clipboard.min.js?1691877026" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691877026" 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?1691874883"></script>
-    <script src="../../../js/theme.js?1691874883" defer></script>
+    <script id="MathJax-script" async src="../../../js/mathjax/tex-mml-chtml.js?1691877026"></script>
+    <script src="../../../js/theme.js?1691877026" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/mermaid/index.html b/pir/shortcodes/mermaid/index.html
index 81ad637b0e..d28a15c270 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../../../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../../../js/url.js?1691874880"></script>
-    <script src="../../../js/variant.js?1691874880"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../../../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../../../js/url.js?1691877024"></script>
+    <script src="../../../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -851,12 +851,12 @@ Electricity grid,H2 conversion,27.14
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1691874881" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1691874881" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691874881" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1691874881" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1691874881" defer></script>
-        <script src="../../../js/search.js?1691874881" defer></script>
+        <script src="../../../js/auto-complete.js?1691877025" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1691877025" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691877025" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1691877025" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1691877025" defer></script>
+        <script src="../../../js/search.js?1691877025" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -986,8 +986,7 @@ Electricity grid,H2 conversion,27.14
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -995,39 +994,51 @@ Electricity grid,H2 conversion,27.14
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1691874881"></script>
+          <script async src="../../../js/github-buttons.js?1691877025"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1691874881" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691874881" defer></script>
-    <script src="../../../js/d3/d3-color.min.js?1691874881" defer></script>
-    <script src="../../../js/d3/d3-dispatch.min.js?1691874881" defer></script>
-    <script src="../../../js/d3/d3-drag.min.js?1691874881" defer></script>
-    <script src="../../../js/d3/d3-ease.min.js?1691874881" defer></script>
-    <script src="../../../js/d3/d3-interpolate.min.js?1691874881" defer></script>
-    <script src="../../../js/d3/d3-selection.min.js?1691874881" defer></script>
-    <script src="../../../js/d3/d3-timer.min.js?1691874881" defer></script>
-    <script src="../../../js/d3/d3-transition.min.js?1691874881" defer></script>
-    <script src="../../../js/d3/d3-zoom.min.js?1691874881" defer></script>
-    <script src="../../../js/js-yaml.min.js?1691874881" defer></script>
-    <script src="../../../js/mermaid.min.js?1691874881" defer></script>
+    <script src="../../../js/clipboard.min.js?1691877025" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691877025" defer></script>
+    <script src="../../../js/d3/d3-color.min.js?1691877025" defer></script>
+    <script src="../../../js/d3/d3-dispatch.min.js?1691877025" defer></script>
+    <script src="../../../js/d3/d3-drag.min.js?1691877025" defer></script>
+    <script src="../../../js/d3/d3-ease.min.js?1691877025" defer></script>
+    <script src="../../../js/d3/d3-interpolate.min.js?1691877025" defer></script>
+    <script src="../../../js/d3/d3-selection.min.js?1691877025" defer></script>
+    <script src="../../../js/d3/d3-timer.min.js?1691877025" defer></script>
+    <script src="../../../js/d3/d3-transition.min.js?1691877025" defer></script>
+    <script src="../../../js/d3/d3-zoom.min.js?1691877025" defer></script>
+    <script src="../../../js/js-yaml.min.js?1691877025" defer></script>
+    <script src="../../../js/mermaid.min.js?1691877025" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../../../js/theme.js?1691874881" defer></script>
+    <script src="../../../js/theme.js?1691877025" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/mermaid/index.print.html b/pir/shortcodes/mermaid/index.print.html
index 4b24e6110a..fbc796e5f2 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691874883" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691874883" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691874883" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691874883" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691874883" rel="stylesheet">
-    <link href="../../../css/print.css?1691874883" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1691874883" rel="stylesheet">
-    <link href="../../../css/ie.css?1691874883" rel="stylesheet">
-    <script src="../../../js/url.js?1691874883"></script>
-    <script src="../../../js/variant.js?1691874883"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691877026" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691877026" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691877026" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691877026" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691877026" rel="stylesheet">
+    <link href="../../../css/print.css?1691877026" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1691877026" rel="stylesheet">
+    <link href="../../../css/ie.css?1691877026" rel="stylesheet">
+    <script src="../../../js/url.js?1691877026"></script>
+    <script src="../../../js/variant.js?1691877026"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -720,22 +720,22 @@ Electricity grid,H2 conversion,27.14
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1691874883" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691874883" defer></script>
-    <script src="../../../js/d3/d3-color.min.js?1691874883" defer></script>
-    <script src="../../../js/d3/d3-dispatch.min.js?1691874883" defer></script>
-    <script src="../../../js/d3/d3-drag.min.js?1691874883" defer></script>
-    <script src="../../../js/d3/d3-ease.min.js?1691874883" defer></script>
-    <script src="../../../js/d3/d3-interpolate.min.js?1691874883" defer></script>
-    <script src="../../../js/d3/d3-selection.min.js?1691874883" defer></script>
-    <script src="../../../js/d3/d3-timer.min.js?1691874883" defer></script>
-    <script src="../../../js/d3/d3-transition.min.js?1691874883" defer></script>
-    <script src="../../../js/d3/d3-zoom.min.js?1691874883" defer></script>
-    <script src="../../../js/js-yaml.min.js?1691874883" defer></script>
-    <script src="../../../js/mermaid.min.js?1691874883" defer></script>
+    <script src="../../../js/clipboard.min.js?1691877026" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691877026" defer></script>
+    <script src="../../../js/d3/d3-color.min.js?1691877026" defer></script>
+    <script src="../../../js/d3/d3-dispatch.min.js?1691877026" defer></script>
+    <script src="../../../js/d3/d3-drag.min.js?1691877026" defer></script>
+    <script src="../../../js/d3/d3-ease.min.js?1691877026" defer></script>
+    <script src="../../../js/d3/d3-interpolate.min.js?1691877026" defer></script>
+    <script src="../../../js/d3/d3-selection.min.js?1691877026" defer></script>
+    <script src="../../../js/d3/d3-timer.min.js?1691877026" defer></script>
+    <script src="../../../js/d3/d3-transition.min.js?1691877026" defer></script>
+    <script src="../../../js/d3/d3-zoom.min.js?1691877026" defer></script>
+    <script src="../../../js/js-yaml.min.js?1691877026" defer></script>
+    <script src="../../../js/mermaid.min.js?1691877026" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../../../js/theme.js?1691874883" defer></script>
+    <script src="../../../js/theme.js?1691877026" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/notice/index.html b/pir/shortcodes/notice/index.html
index 7dded8e32b..52b2fcf451 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../../../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../../../js/url.js?1691874880"></script>
-    <script src="../../../js/variant.js?1691874880"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../../../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../../../js/url.js?1691877024"></script>
+    <script src="../../../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -541,12 +541,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1691874881" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1691874881" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691874881" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1691874881" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1691874881" defer></script>
-        <script src="../../../js/search.js?1691874881" defer></script>
+        <script src="../../../js/auto-complete.js?1691877025" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1691877025" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691877025" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1691877025" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1691877025" defer></script>
+        <script src="../../../js/search.js?1691877025" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -676,8 +676,7 @@
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -685,25 +684,37 @@
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1691874881"></script>
+          <script async src="../../../js/github-buttons.js?1691877025"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1691874881" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691874881" defer></script>
-    <script src="../../../js/theme.js?1691874881" defer></script>
+    <script src="../../../js/clipboard.min.js?1691877025" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691877025" defer></script>
+    <script src="../../../js/theme.js?1691877025" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/notice/index.print.html b/pir/shortcodes/notice/index.print.html
index 8cdda5541a..b51468a925 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691874883" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691874883" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691874883" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691874883" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691874883" rel="stylesheet">
-    <link href="../../../css/print.css?1691874883" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1691874883" rel="stylesheet">
-    <link href="../../../css/ie.css?1691874883" rel="stylesheet">
-    <script src="../../../js/url.js?1691874883"></script>
-    <script src="../../../js/variant.js?1691874883"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691877026" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691877026" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691877026" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691877026" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691877026" rel="stylesheet">
+    <link href="../../../css/print.css?1691877026" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1691877026" rel="stylesheet">
+    <link href="../../../css/ie.css?1691877026" rel="stylesheet">
+    <script src="../../../js/url.js?1691877026"></script>
+    <script src="../../../js/variant.js?1691877026"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -426,8 +426,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1691874883" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691874883" defer></script>
-    <script src="../../../js/theme.js?1691874883" defer></script>
+    <script src="../../../js/clipboard.min.js?1691877026" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691877026" defer></script>
+    <script src="../../../js/theme.js?1691877026" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/openapi/index.html b/pir/shortcodes/openapi/index.html
index 88f2d0da36..eabacb7089 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../../../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../../../js/url.js?1691874880"></script>
-    <script src="../../../js/variant.js?1691874880"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../../../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../../../js/url.js?1691877024"></script>
+    <script src="../../../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -199,7 +199,7 @@
 <div class="sc-openapi-wrapper is-load'n helper-loading-container">
   <div
     class="sc-openapi-container"
-    id="openapi-283aa7ffe5645c5c3642ce327328ed00"
+    id="openapi-9d3097d5508b0bb75edcac68426eec91"
     openapi-url="../../../shortcodes/openapi/petstore.json"
   ></div>
 </div>
@@ -290,12 +290,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1691874882" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1691874882" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691874882" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1691874882" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1691874882" defer></script>
-        <script src="../../../js/search.js?1691874882" defer></script>
+        <script src="../../../js/auto-complete.js?1691877026" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1691877026" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691877026" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1691877026" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1691877026" defer></script>
+        <script src="../../../js/search.js?1691877026" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -425,8 +425,7 @@
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -434,31 +433,43 @@
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1691874882"></script>
+          <script async src="../../../js/github-buttons.js?1691877026"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1691874882" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691874882" defer></script>
+    <script src="../../../js/clipboard.min.js?1691877026" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691877026" defer></script>
     <script>window.noZensmooth = true;</script>
-    <script src="../../../js/swagger-ui/swagger-ui-bundle.js?1691874882" defer></script>
-    <script src="../../../js/swagger-ui/swagger-ui-standalone-preset.js?1691874882" defer></script>
+    <script src="../../../js/swagger-ui/swagger-ui-bundle.js?1691877026" defer></script>
+    <script src="../../../js/swagger-ui/swagger-ui-standalone-preset.js?1691877026" defer></script>
     <script>
-      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1691874882", assetsBuster:  1691874882  };
+      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1691877026", assetsBuster:  1691877026  };
     </script>
-    <script src="../../../js/theme.js?1691874882" defer></script>
+    <script src="../../../js/theme.js?1691877026" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/openapi/index.print.html b/pir/shortcodes/openapi/index.print.html
index a312c12b1a..5c4a4a202c 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691874883" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691874883" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691874883" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691874883" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691874883" rel="stylesheet">
-    <link href="../../../css/print.css?1691874883" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1691874883" rel="stylesheet">
-    <link href="../../../css/ie.css?1691874883" rel="stylesheet">
-    <script src="../../../js/url.js?1691874883"></script>
-    <script src="../../../js/variant.js?1691874883"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691877026" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691877026" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691877026" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691877026" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691877026" rel="stylesheet">
+    <link href="../../../css/print.css?1691877026" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1691877026" rel="stylesheet">
+    <link href="../../../css/ie.css?1691877026" rel="stylesheet">
+    <script src="../../../js/url.js?1691877026"></script>
+    <script src="../../../js/variant.js?1691877026"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -165,7 +165,7 @@
 <div class="sc-openapi-wrapper is-load'n helper-loading-container">
   <div
     class="sc-openapi-container"
-    id="openapi-283aa7ffe5645c5c3642ce327328ed00"
+    id="openapi-9d3097d5508b0bb75edcac68426eec91"
     openapi-url="../../../shortcodes/openapi/petstore.json"
   ></div>
 </div>
@@ -179,14 +179,14 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1691874883" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691874883" defer></script>
+    <script src="../../../js/clipboard.min.js?1691877026" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691877026" defer></script>
     <script>window.noZensmooth = true;</script>
-    <script src="../../../js/swagger-ui/swagger-ui-bundle.js?1691874883" defer></script>
-    <script src="../../../js/swagger-ui/swagger-ui-standalone-preset.js?1691874883" defer></script>
+    <script src="../../../js/swagger-ui/swagger-ui-bundle.js?1691877026" defer></script>
+    <script src="../../../js/swagger-ui/swagger-ui-standalone-preset.js?1691877026" defer></script>
     <script>
-      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1691874883", assetsBuster:  1691874883  };
+      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1691877026", assetsBuster:  1691877026  };
     </script>
-    <script src="../../../js/theme.js?1691874883" defer></script>
+    <script src="../../../js/theme.js?1691877026" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/siteparam/index.html b/pir/shortcodes/siteparam/index.html
index b72c2c1a50..ecf6d01445 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../../../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../../../js/url.js?1691874880"></script>
-    <script src="../../../js/variant.js?1691874880"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../../../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../../../js/url.js?1691877024"></script>
+    <script src="../../../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -203,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="fd711cc023dee7661f849cca7569d459">
+<div class="tab-panel" data-tab-group="15603a1a5d67f42411ae7531143705db">
   <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('fd711cc023dee7661f849cca7569d459','config.toml')"
+      onclick="switchTab('15603a1a5d67f42411ae7531143705db','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?1691874881" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1691874881" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691874881" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1691874881" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1691874881" defer></script>
-        <script src="../../../js/search.js?1691874881" defer></script>
+        <script src="../../../js/auto-complete.js?1691877025" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1691877025" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691877025" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1691877025" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1691877025" defer></script>
+        <script src="../../../js/search.js?1691877025" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -452,8 +452,7 @@
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -461,25 +460,37 @@
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1691874881"></script>
+          <script async src="../../../js/github-buttons.js?1691877025"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1691874881" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691874881" defer></script>
-    <script src="../../../js/theme.js?1691874881" defer></script>
+    <script src="../../../js/clipboard.min.js?1691877025" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691877025" defer></script>
+    <script src="../../../js/theme.js?1691877025" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/siteparam/index.print.html b/pir/shortcodes/siteparam/index.print.html
index bbda9fed1a..e87561d453 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691874883" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691874883" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691874883" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691874883" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691874883" rel="stylesheet">
-    <link href="../../../css/print.css?1691874883" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1691874883" rel="stylesheet">
-    <link href="../../../css/ie.css?1691874883" rel="stylesheet">
-    <script src="../../../js/url.js?1691874883"></script>
-    <script src="../../../js/variant.js?1691874883"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691877026" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691877026" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691877026" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691877026" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691877026" rel="stylesheet">
+    <link href="../../../css/print.css?1691877026" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1691877026" rel="stylesheet">
+    <link href="../../../css/ie.css?1691877026" rel="stylesheet">
+    <script src="../../../js/url.js?1691877026"></script>
+    <script src="../../../js/variant.js?1691877026"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -168,13 +168,13 @@
 <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="fd711cc023dee7661f849cca7569d459">
+<div class="tab-panel" data-tab-group="15603a1a5d67f42411ae7531143705db">
   <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('fd711cc023dee7661f849cca7569d459','config.toml')"
+      onclick="switchTab('15603a1a5d67f42411ae7531143705db','config.toml')"
     >
       <div>
         <div class="tab-nav-hidden">config.toml</div>
@@ -205,8 +205,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1691874883" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691874883" defer></script>
-    <script src="../../../js/theme.js?1691874883" defer></script>
+    <script src="../../../js/clipboard.min.js?1691877026" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691877026" defer></script>
+    <script src="../../../js/theme.js?1691877026" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/tab/index.html b/pir/shortcodes/tab/index.html
index b0e21ed1a0..5b97c9523c 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../../../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../../../js/url.js?1691874880"></script>
-    <script src="../../../js/variant.js?1691874880"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../../../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../../../js/url.js?1691877024"></script>
+    <script src="../../../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -117,13 +117,13 @@
 <p>This 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="86191e3781f548c749fd988ff3b89b4c">
+<div class="tab-panel" data-tab-group="f7466875c85acebcb390598784806cdf">
   <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('86191e3781f548c749fd988ff3b89b4c','c')"
+      onclick="switchTab('f7466875c85acebcb390598784806cdf','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="776bb0a24a7bd7501d6ff1764a08cec3">
+<div class="tab-panel" data-tab-group="25aaa029ce151236c6acd502d422b3f9">
   <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('776bb0a24a7bd7501d6ff1764a08cec3','Code')"
+      onclick="switchTab('25aaa029ce151236c6acd502d422b3f9','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="5e3b35931a61240ae1fa391d44d6e590">
+<div class="tab-panel" data-tab-group="3b241885f49515222684fce3e16dc2b5">
   <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('5e3b35931a61240ae1fa391d44d6e590','Mixed')"
+      onclick="switchTab('3b241885f49515222684fce3e16dc2b5','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="f35da44fb678bfc777e108edf23e2ed9">
+<div class="tab-panel" data-tab-group="0df9ff7e491e308c8add7a7f72776390">
   <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('f35da44fb678bfc777e108edf23e2ed9','just colored style')"
+      onclick="switchTab('0df9ff7e491e308c8add7a7f72776390','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('f35da44fb678bfc777e108edf23e2ed9','just color')"
+      onclick="switchTab('0df9ff7e491e308c8add7a7f72776390','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('f35da44fb678bfc777e108edf23e2ed9','default style an' color')"
+      onclick="switchTab('0df9ff7e491e308c8add7a7f72776390','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('f35da44fb678bfc777e108edf23e2ed9','just severity stylefa-fw fas fa-info-circle')"
+      onclick="switchTab('0df9ff7e491e308c8add7a7f72776390','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('f35da44fb678bfc777e108edf23e2ed9','severity style an' colorfa-fw fas fa-info-circle')"
+      onclick="switchTab('0df9ff7e491e308c8add7a7f72776390','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?1691874881" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1691874881" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691874881" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1691874881" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1691874881" defer></script>
-        <script src="../../../js/search.js?1691874881" defer></script>
+        <script src="../../../js/auto-complete.js?1691877025" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1691877025" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691877025" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1691877025" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1691877025" defer></script>
+        <script src="../../../js/search.js?1691877025" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -637,8 +637,7 @@
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -646,25 +645,37 @@
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1691874881"></script>
+          <script async src="../../../js/github-buttons.js?1691877025"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1691874881" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691874881" defer></script>
-    <script src="../../../js/theme.js?1691874881" defer></script>
+    <script src="../../../js/clipboard.min.js?1691877025" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691877025" defer></script>
+    <script src="../../../js/theme.js?1691877025" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/tab/index.print.html b/pir/shortcodes/tab/index.print.html
index ae12e92f65..45aac374db 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691874883" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691874883" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691874883" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691874883" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691874883" rel="stylesheet">
-    <link href="../../../css/print.css?1691874883" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1691874883" rel="stylesheet">
-    <link href="../../../css/ie.css?1691874883" rel="stylesheet">
-    <script src="../../../js/url.js?1691874883"></script>
-    <script src="../../../js/variant.js?1691874883"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691877026" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691877026" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691877026" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691877026" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691877026" rel="stylesheet">
+    <link href="../../../css/print.css?1691877026" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1691877026" rel="stylesheet">
+    <link href="../../../css/ie.css?1691877026" rel="stylesheet">
+    <script src="../../../js/url.js?1691877026"></script>
+    <script src="../../../js/variant.js?1691877026"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -81,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="86191e3781f548c749fd988ff3b89b4c">
+<div class="tab-panel" data-tab-group="f7466875c85acebcb390598784806cdf">
   <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('86191e3781f548c749fd988ff3b89b4c','c')"
+      onclick="switchTab('f7466875c85acebcb390598784806cdf','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="776bb0a24a7bd7501d6ff1764a08cec3">
+<div class="tab-panel" data-tab-group="25aaa029ce151236c6acd502d422b3f9">
   <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('776bb0a24a7bd7501d6ff1764a08cec3','Code')"
+      onclick="switchTab('25aaa029ce151236c6acd502d422b3f9','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="5e3b35931a61240ae1fa391d44d6e590">
+<div class="tab-panel" data-tab-group="3b241885f49515222684fce3e16dc2b5">
   <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('5e3b35931a61240ae1fa391d44d6e590','Mixed')"
+      onclick="switchTab('3b241885f49515222684fce3e16dc2b5','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="f35da44fb678bfc777e108edf23e2ed9">
+<div class="tab-panel" data-tab-group="0df9ff7e491e308c8add7a7f72776390">
   <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('f35da44fb678bfc777e108edf23e2ed9','just colored style')"
+      onclick="switchTab('0df9ff7e491e308c8add7a7f72776390','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('f35da44fb678bfc777e108edf23e2ed9','just color')"
+      onclick="switchTab('0df9ff7e491e308c8add7a7f72776390','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('f35da44fb678bfc777e108edf23e2ed9','default style an' color')"
+      onclick="switchTab('0df9ff7e491e308c8add7a7f72776390','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('f35da44fb678bfc777e108edf23e2ed9','just severity stylefa-fw fas fa-info-circle')"
+      onclick="switchTab('0df9ff7e491e308c8add7a7f72776390','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('f35da44fb678bfc777e108edf23e2ed9','severity style an' colorfa-fw fas fa-info-circle')"
+      onclick="switchTab('0df9ff7e491e308c8add7a7f72776390','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?1691874883" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691874883" defer></script>
-    <script src="../../../js/theme.js?1691874883" defer></script>
+    <script src="../../../js/clipboard.min.js?1691877026" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691877026" defer></script>
+    <script src="../../../js/theme.js?1691877026" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/tabs/index.html b/pir/shortcodes/tabs/index.html
index ec48f40136..9e54bb8ccf 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../../../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../../../js/url.js?1691874880"></script>
-    <script src="../../../js/variant.js?1691874880"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../../../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../../../js/url.js?1691877024"></script>
+    <script src="../../../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -116,13 +116,13 @@
 <p>This 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="49ec946c46a502c81b5810ef2c569f1c">
+<div class="tab-panel" data-tab-group="b78a43780c9d428ac7d844987fcd29c5">
   <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('49ec946c46a502c81b5810ef2c569f1c','py')"
+      onclick="switchTab('b78a43780c9d428ac7d844987fcd29c5','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('49ec946c46a502c81b5810ef2c569f1c','sh')"
+      onclick="switchTab('b78a43780c9d428ac7d844987fcd29c5','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('49ec946c46a502c81b5810ef2c569f1c','c')"
+      onclick="switchTab('b78a43780c9d428ac7d844987fcd29c5','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="a01c3b9481260f77b751c4c9fdc36575">
+<div class="tab-panel" data-tab-group="a27bf9df14c597245a0312625965630a">
   <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('a01c3b9481260f77b751c4c9fdc36575','Group A, Tab View 1')"
+      onclick="switchTab('a27bf9df14c597245a0312625965630a','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('a01c3b9481260f77b751c4c9fdc36575','Group A, Tab View 2')"
+      onclick="switchTab('a27bf9df14c597245a0312625965630a','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('a01c3b9481260f77b751c4c9fdc36575','Group B')"
+      onclick="switchTab('a27bf9df14c597245a0312625965630a','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?1691874881" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1691874881" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691874881" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1691874881" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1691874881" defer></script>
-        <script src="../../../js/search.js?1691874881" defer></script>
+        <script src="../../../js/auto-complete.js?1691877025" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1691877025" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691877025" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1691877025" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1691877025" defer></script>
+        <script src="../../../js/search.js?1691877025" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -936,8 +936,7 @@
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -945,25 +944,37 @@
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1691874882"></script>
+          <script async src="../../../js/github-buttons.js?1691877025"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1691874882" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691874882" defer></script>
-    <script src="../../../js/theme.js?1691874882" defer></script>
+    <script src="../../../js/clipboard.min.js?1691877025" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691877025" defer></script>
+    <script src="../../../js/theme.js?1691877025" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/tabs/index.print.html b/pir/shortcodes/tabs/index.print.html
index b9be4ba64e..eef41bd7fa 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691874883" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691874883" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691874883" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691874883" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691874883" rel="stylesheet">
-    <link href="../../../css/print.css?1691874883" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1691874883" rel="stylesheet">
-    <link href="../../../css/ie.css?1691874883" rel="stylesheet">
-    <script src="../../../js/url.js?1691874883"></script>
-    <script src="../../../js/variant.js?1691874883"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691877026" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691877026" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691877026" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691877026" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691877026" rel="stylesheet">
+    <link href="../../../css/print.css?1691877026" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1691877026" rel="stylesheet">
+    <link href="../../../css/ie.css?1691877026" rel="stylesheet">
+    <script src="../../../js/url.js?1691877026"></script>
+    <script src="../../../js/variant.js?1691877026"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -81,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="49ec946c46a502c81b5810ef2c569f1c">
+<div class="tab-panel" data-tab-group="b78a43780c9d428ac7d844987fcd29c5">
   <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('49ec946c46a502c81b5810ef2c569f1c','py')"
+      onclick="switchTab('b78a43780c9d428ac7d844987fcd29c5','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('49ec946c46a502c81b5810ef2c569f1c','sh')"
+      onclick="switchTab('b78a43780c9d428ac7d844987fcd29c5','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('49ec946c46a502c81b5810ef2c569f1c','c')"
+      onclick="switchTab('b78a43780c9d428ac7d844987fcd29c5','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="a01c3b9481260f77b751c4c9fdc36575">
+<div class="tab-panel" data-tab-group="a27bf9df14c597245a0312625965630a">
   <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('a01c3b9481260f77b751c4c9fdc36575','Group A, Tab View 1')"
+      onclick="switchTab('a27bf9df14c597245a0312625965630a','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('a01c3b9481260f77b751c4c9fdc36575','Group A, Tab View 2')"
+      onclick="switchTab('a27bf9df14c597245a0312625965630a','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('a01c3b9481260f77b751c4c9fdc36575','Group B')"
+      onclick="switchTab('a27bf9df14c597245a0312625965630a','Group B')"
     >
       <div>
         <div class="tab-nav-hidden">Group B</div>
@@ -689,8 +689,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1691874883" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691874883" defer></script>
-    <script src="../../../js/theme.js?1691874883" defer></script>
+    <script src="../../../js/clipboard.min.js?1691877026" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691877026" defer></script>
+    <script src="../../../js/theme.js?1691877026" defer></script>
   </body>
 </html>
diff --git a/pir/showcase/index.html b/pir/showcase/index.html
index 84905ec1c2..b0ec79ed33 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../../js/url.js?1691874880"></script>
-    <script src="../../js/variant.js?1691874880"></script>
+    <link href="../../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../../js/url.js?1691877024"></script>
+    <script src="../../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -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-031d62a9e8c71ae1fa78ca557925d79c" class="lightbox-link">
+<a href="#image-55a3ee281b4e07cd1c7850004c6bd0e3" 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-031d62a9e8c71ae1fa78ca557925d79c">
+<a href="javascript:history.back();" class="lightbox" id="image-55a3ee281b4e07cd1c7850004c6bd0e3">
 <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-7362ebd02f56f12930e0de1d6e90d684" class="lightbox-link">
+<a href="#image-9da037ecd7b9f328d6ad765cd8fd2b54" 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-7362ebd02f56f12930e0de1d6e90d684">
+<a href="javascript:history.back();" class="lightbox" id="image-9da037ecd7b9f328d6ad765cd8fd2b54">
 <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-fd10c59fc170c52ebf921bc2fe800e5e" class="lightbox-link">
+<a href="#image-fc296b91b6265994c204692ad4a1534d" 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-fd10c59fc170c52ebf921bc2fe800e5e">
+<a href="javascript:history.back();" class="lightbox" id="image-fc296b91b6265994c204692ad4a1534d">
 <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?1691874882" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1691874882" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691874882" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1691874882" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1691874882" defer></script>
-        <script src="../../js/search.js?1691874882" defer></script>
+        <script src="../../js/auto-complete.js?1691877026" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1691877026" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691877026" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1691877026" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1691877026" defer></script>
+        <script src="../../js/search.js?1691877026" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -352,8 +352,7 @@
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -361,25 +360,37 @@
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../js/github-buttons.js?1691874882"></script>
+          <script async src="../../js/github-buttons.js?1691877026"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1691874882" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691874882" defer></script>
-    <script src="../../js/theme.js?1691874882" defer></script>
+    <script src="../../js/clipboard.min.js?1691877026" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691877026" defer></script>
+    <script src="../../js/theme.js?1691877026" defer></script>
   </body>
 </html>
diff --git a/pir/showcase/index.print.html b/pir/showcase/index.print.html
index bbedce81da..c8597a8793 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691874883" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691874883" rel="stylesheet">
-    <link href="../../css/fonts.css?1691874883" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691874883" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691874883" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691874883" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691874883" rel="stylesheet">
-    <link href="../../css/print.css?1691874883" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1691874883" rel="stylesheet">
-    <link href="../../css/ie.css?1691874883" rel="stylesheet">
-    <script src="../../js/url.js?1691874883"></script>
-    <script src="../../js/variant.js?1691874883"></script>
+    <link href="../../css/fontawesome-all.min.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691877026" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691877026" rel="stylesheet">
+    <link href="../../css/fonts.css?1691877026" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691877026" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691877026" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691877026" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691877026" rel="stylesheet">
+    <link href="../../css/print.css?1691877026" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1691877026" rel="stylesheet">
+    <link href="../../css/ie.css?1691877026" rel="stylesheet">
+    <script src="../../js/url.js?1691877026"></script>
+    <script src="../../js/variant.js?1691877026"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -79,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-031d62a9e8c71ae1fa78ca557925d79c" class="lightbox-link">
+<a href="#image-55a3ee281b4e07cd1c7850004c6bd0e3" 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-031d62a9e8c71ae1fa78ca557925d79c">
+<a href="javascript:history.back();" class="lightbox" id="image-55a3ee281b4e07cd1c7850004c6bd0e3">
 <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-7362ebd02f56f12930e0de1d6e90d684" class="lightbox-link">
+<a href="#image-9da037ecd7b9f328d6ad765cd8fd2b54" 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-7362ebd02f56f12930e0de1d6e90d684">
+<a href="javascript:history.back();" class="lightbox" id="image-9da037ecd7b9f328d6ad765cd8fd2b54">
 <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-fd10c59fc170c52ebf921bc2fe800e5e" class="lightbox-link">
+<a href="#image-fc296b91b6265994c204692ad4a1534d" 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-fd10c59fc170c52ebf921bc2fe800e5e">
+<a href="javascript:history.back();" class="lightbox" id="image-fc296b91b6265994c204692ad4a1534d">
 <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?1691874883" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691874883" defer></script>
-    <script src="../../js/theme.js?1691874883" defer></script>
+    <script src="../../js/clipboard.min.js?1691877026" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691877026" defer></script>
+    <script src="../../js/theme.js?1691877026" defer></script>
   </body>
 </html>
diff --git a/pir/tags/children/index.html b/pir/tags/children/index.html
index dd03588436..bddbed8493 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../../../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../../../js/url.js?1691874880"></script>
-    <script src="../../../js/variant.js?1691874880"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../../../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../../../js/url.js?1691877024"></script>
+    <script src="../../../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -180,12 +180,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1691874883" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1691874883" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691874883" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1691874883" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1691874883" defer></script>
-        <script src="../../../js/search.js?1691874883" defer></script>
+        <script src="../../../js/auto-complete.js?1691877026" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1691877026" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691877026" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1691877026" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1691877026" defer></script>
+        <script src="../../../js/search.js?1691877026" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -315,8 +315,7 @@
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -324,25 +323,37 @@
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1691874883"></script>
+          <script async src="../../../js/github-buttons.js?1691877026"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1691874883" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691874883" defer></script>
-    <script src="../../../js/theme.js?1691874883" defer></script>
+    <script src="../../../js/clipboard.min.js?1691877026" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691877026" defer></script>
+    <script src="../../../js/theme.js?1691877026" defer></script>
   </body>
 </html>
diff --git a/pir/tags/config/index.html b/pir/tags/config/index.html
index 83db727286..56bec64479 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../../../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../../../js/url.js?1691874880"></script>
-    <script src="../../../js/variant.js?1691874880"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../../../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../../../js/url.js?1691877024"></script>
+    <script src="../../../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -166,12 +166,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1691874883" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1691874883" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691874883" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1691874883" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1691874883" defer></script>
-        <script src="../../../js/search.js?1691874883" defer></script>
+        <script src="../../../js/auto-complete.js?1691877026" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1691877026" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691877026" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1691877026" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1691877026" defer></script>
+        <script src="../../../js/search.js?1691877026" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -301,8 +301,7 @@
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -310,25 +309,37 @@
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1691874883"></script>
+          <script async src="../../../js/github-buttons.js?1691877026"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1691874883" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691874883" defer></script>
-    <script src="../../../js/theme.js?1691874883" defer></script>
+    <script src="../../../js/clipboard.min.js?1691877026" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691877026" defer></script>
+    <script src="../../../js/theme.js?1691877026" defer></script>
   </body>
 </html>
diff --git a/pir/tags/content/index.html b/pir/tags/content/index.html
index 765535069e..f8a3b5fb6c 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../../../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../../../js/url.js?1691874880"></script>
-    <script src="../../../js/variant.js?1691874880"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../../../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../../../js/url.js?1691877024"></script>
+    <script src="../../../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -166,12 +166,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1691874883" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1691874883" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691874883" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1691874883" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1691874883" defer></script>
-        <script src="../../../js/search.js?1691874883" defer></script>
+        <script src="../../../js/auto-complete.js?1691877026" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1691877026" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691877026" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1691877026" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1691877026" defer></script>
+        <script src="../../../js/search.js?1691877026" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -301,8 +301,7 @@
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -310,25 +309,37 @@
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1691874883"></script>
+          <script async src="../../../js/github-buttons.js?1691877026"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1691874883" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691874883" defer></script>
-    <script src="../../../js/theme.js?1691874883" defer></script>
+    <script src="../../../js/clipboard.min.js?1691877026" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691877026" defer></script>
+    <script src="../../../js/theme.js?1691877026" defer></script>
   </body>
 </html>
diff --git a/pir/tags/documentatn/index.html b/pir/tags/documentatn/index.html
index 0f4df80632..ea995c8322 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../../../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../../../js/url.js?1691874880"></script>
-    <script src="../../../js/variant.js?1691874880"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../../../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../../../js/url.js?1691877024"></script>
+    <script src="../../../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -163,12 +163,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1691874883" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1691874883" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691874883" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1691874883" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1691874883" defer></script>
-        <script src="../../../js/search.js?1691874883" defer></script>
+        <script src="../../../js/auto-complete.js?1691877026" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1691877026" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691877026" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1691877026" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1691877026" defer></script>
+        <script src="../../../js/search.js?1691877026" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -297,8 +297,7 @@
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -306,25 +305,37 @@
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1691874883"></script>
+          <script async src="../../../js/github-buttons.js?1691877026"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1691874883" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691874883" defer></script>
-    <script src="../../../js/theme.js?1691874883" defer></script>
+    <script src="../../../js/clipboard.min.js?1691877026" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691877026" defer></script>
+    <script src="../../../js/theme.js?1691877026" defer></script>
   </body>
 </html>
diff --git a/pir/tags/hidden/index.html b/pir/tags/hidden/index.html
index e683c2607a..1a2a4faf14 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../../../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../../../js/url.js?1691874880"></script>
-    <script src="../../../js/variant.js?1691874880"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../../../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../../../js/url.js?1691877024"></script>
+    <script src="../../../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -170,12 +170,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1691874883" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1691874883" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691874883" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1691874883" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1691874883" defer></script>
-        <script src="../../../js/search.js?1691874883" defer></script>
+        <script src="../../../js/auto-complete.js?1691877026" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1691877026" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691877026" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1691877026" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1691877026" defer></script>
+        <script src="../../../js/search.js?1691877026" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -305,8 +305,7 @@
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -314,25 +313,37 @@
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1691874883"></script>
+          <script async src="../../../js/github-buttons.js?1691877026"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1691874883" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691874883" defer></script>
-    <script src="../../../js/theme.js?1691874883" defer></script>
+    <script src="../../../js/clipboard.min.js?1691877026" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691877026" defer></script>
+    <script src="../../../js/theme.js?1691877026" defer></script>
   </body>
 </html>
diff --git a/pir/tags/index.html b/pir/tags/index.html
index a8d2fd15be..c65bee1dc3 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../../js/url.js?1691874880"></script>
-    <script src="../../js/variant.js?1691874880"></script>
+    <link href="../../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../../js/url.js?1691877024"></script>
+    <script src="../../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -198,12 +198,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1691874883" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1691874883" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691874883" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1691874883" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1691874883" defer></script>
-        <script src="../../js/search.js?1691874883" defer></script>
+        <script src="../../js/auto-complete.js?1691877026" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1691877026" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691877026" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1691877026" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1691877026" defer></script>
+        <script src="../../js/search.js?1691877026" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -333,8 +333,7 @@
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -342,25 +341,37 @@
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../js/github-buttons.js?1691874883"></script>
+          <script async src="../../js/github-buttons.js?1691877026"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1691874883" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691874883" defer></script>
-    <script src="../../js/theme.js?1691874883" defer></script>
+    <script src="../../js/clipboard.min.js?1691877026" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691877026" defer></script>
+    <script src="../../js/theme.js?1691877026" defer></script>
   </body>
 </html>
diff --git a/pir/tags/non-hidden/index.html b/pir/tags/non-hidden/index.html
index 7b53ca5665..88c428ea18 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../../../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../../../js/url.js?1691874880"></script>
-    <script src="../../../js/variant.js?1691874880"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../../../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../../../js/url.js?1691877024"></script>
+    <script src="../../../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -174,12 +174,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1691874883" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1691874883" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691874883" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1691874883" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1691874883" defer></script>
-        <script src="../../../js/search.js?1691874883" defer></script>
+        <script src="../../../js/auto-complete.js?1691877026" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1691877026" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691877026" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1691877026" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1691877026" defer></script>
+        <script src="../../../js/search.js?1691877026" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -309,8 +309,7 @@
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -318,25 +317,37 @@
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1691874883"></script>
+          <script async src="../../../js/github-buttons.js?1691877026"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1691874883" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691874883" defer></script>
-    <script src="../../../js/theme.js?1691874883" defer></script>
+    <script src="../../../js/clipboard.min.js?1691877026" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691877026" defer></script>
+    <script src="../../../js/theme.js?1691877026" defer></script>
   </body>
 </html>
diff --git a/pir/tags/tutorrrial/index.html b/pir/tags/tutorrrial/index.html
index c53b7acc43..a2e4e54646 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?1691874880" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691877024" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../../../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../../../js/url.js?1691874880"></script>
-    <script src="../../../js/variant.js?1691874880"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../../../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../../../js/url.js?1691877024"></script>
+    <script src="../../../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -163,12 +163,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1691874883" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1691874883" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691874883" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1691874883" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1691874883" defer></script>
-        <script src="../../../js/search.js?1691874883" defer></script>
+        <script src="../../../js/auto-complete.js?1691877026" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1691877026" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691877026" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1691877026" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1691877026" defer></script>
+        <script src="../../../js/search.js?1691877026" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -297,8 +297,7 @@
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -306,25 +305,37 @@
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1691874883"></script>
+          <script async src="../../../js/github-buttons.js?1691877026"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1691874883" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691874883" defer></script>
-    <script src="../../../js/theme.js?1691874883" defer></script>
+    <script src="../../../js/clipboard.min.js?1691877026" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691877026" defer></script>
+    <script src="../../../js/theme.js?1691877026" defer></script>
   </body>
 </html>
diff --git a/search.html b/search.html
index bebf4480b7..d740330025 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="./images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="./css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="./css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="./css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="./css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="./css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="./css/theme.css?1691874880" rel="stylesheet">
-    <link href="./css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="./css/variant.css?1691874880" rel="stylesheet">
-    <link href="./css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="./css/ie.css?1691874880" rel="stylesheet">
-    <script src="./js/url.js?1691874880"></script>
-    <script src="./js/variant.js?1691874880"></script>
+    <link href="./css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="./css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="./css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="./css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="./css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="./css/theme.css?1691877024" rel="stylesheet">
+    <link href="./css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="./css/variant.css?1691877024" rel="stylesheet">
+    <link href="./css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="./css/ie.css?1691877024" rel="stylesheet">
+    <script src="./js/url.js?1691877024"></script>
+    <script src="./js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -180,12 +180,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="./js/auto-complete.js?1691874880" defer></script>
-        <script src="./js/lunr/lunr.min.js?1691874880" defer></script>
-        <script src="./js/lunr/lunr.stemmer.support.min.js?1691874880" defer></script>
-        <script src="./js/lunr/lunr.multi.min.js?1691874880" defer></script>
-        <script src="./js/lunr/lunr.en.min.js?1691874880" defer></script>
-        <script src="./js/search.js?1691874880" defer></script>
+        <script src="./js/auto-complete.js?1691877024" defer></script>
+        <script src="./js/lunr/lunr.min.js?1691877024" defer></script>
+        <script src="./js/lunr/lunr.stemmer.support.min.js?1691877024" defer></script>
+        <script src="./js/lunr/lunr.multi.min.js?1691877024" defer></script>
+        <script src="./js/lunr/lunr.en.min.js?1691877024" defer></script>
+        <script src="./js/search.js?1691877024" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -315,8 +315,7 @@
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -324,25 +323,37 @@
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="./js/github-buttons.js?1691874880"></script>
+          <script async src="./js/github-buttons.js?1691877024"></script>
         </div>
       </div>
     </aside>
-    <script src="./js/clipboard.min.js?1691874880" defer></script>
-    <script src="./js/perfect-scrollbar.min.js?1691874880" defer></script>
-    <script src="./js/theme.js?1691874880" defer></script>
+    <script src="./js/clipboard.min.js?1691877024" defer></script>
+    <script src="./js/perfect-scrollbar.min.js?1691877024" defer></script>
+    <script src="./js/theme.js?1691877024" defer></script>
   </body>
 </html>
diff --git a/shortcodes/attachments/index.html b/shortcodes/attachments/index.html
index 3eede9a845..6d30542d5e 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691874879" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691874879" rel="stylesheet">
-    <link href="../../css/fonts.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691874879" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691874879" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691874879" rel="stylesheet">
-    <link href="../../css/print.css?1691874879" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1691874879" rel="stylesheet">
-    <script src="../../js/url.js?1691874879"></script>
-    <script src="../../js/variant.js?1691874879"></script>
+    <link href="../../css/fontawesome-all.min.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691877023" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691877023" rel="stylesheet">
+    <link href="../../css/fonts.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691877023" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691877023" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691877023" rel="stylesheet">
+    <link href="../../css/print.css?1691877023" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1691877023" rel="stylesheet">
+    <script src="../../js/url.js?1691877023"></script>
+    <script src="../../js/variant.js?1691877023"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -452,12 +452,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1691874879" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1691874879" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691874879" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1691874879" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1691874879" defer></script>
-        <script src="../../js/search.js?1691874879" defer></script>
+        <script src="../../js/auto-complete.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1691877023" defer></script>
+        <script src="../../js/search.js?1691877023" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -587,8 +587,7 @@
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -596,25 +595,37 @@
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../js/github-buttons.js?1691874879"></script>
+          <script async src="../../js/github-buttons.js?1691877023"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1691874879" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691874879" defer></script>
-    <script src="../../js/theme.js?1691874879" defer></script>
+    <script src="../../js/clipboard.min.js?1691877023" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691877023" defer></script>
+    <script src="../../js/theme.js?1691877023" defer></script>
   </body>
 </html>
diff --git a/shortcodes/attachments/index.print.html b/shortcodes/attachments/index.print.html
index f54540a660..77ea7efac0 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1691874880" rel="stylesheet">
-    <link href="../../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../../js/url.js?1691874880"></script>
-    <script src="../../js/variant.js?1691874880"></script>
+    <link href="../../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1691877024" rel="stylesheet">
+    <link href="../../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../../js/url.js?1691877024"></script>
+    <script src="../../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -332,8 +332,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1691874880" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691874880" defer></script>
-    <script src="../../js/theme.js?1691874880" defer></script>
+    <script src="../../js/clipboard.min.js?1691877024" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691877024" defer></script>
+    <script src="../../js/theme.js?1691877024" defer></script>
   </body>
 </html>
diff --git a/shortcodes/badge/index.html b/shortcodes/badge/index.html
index c5328ce957..7096d734ad 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691874879" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691874879" rel="stylesheet">
-    <link href="../../css/fonts.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691874879" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691874879" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691874879" rel="stylesheet">
-    <link href="../../css/print.css?1691874879" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1691874879" rel="stylesheet">
-    <script src="../../js/url.js?1691874879"></script>
-    <script src="../../js/variant.js?1691874879"></script>
+    <link href="../../css/fontawesome-all.min.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691877023" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691877023" rel="stylesheet">
+    <link href="../../css/fonts.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691877023" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691877023" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691877023" rel="stylesheet">
+    <link href="../../css/print.css?1691877023" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1691877023" rel="stylesheet">
+    <script src="../../js/url.js?1691877023"></script>
+    <script src="../../js/variant.js?1691877023"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -391,12 +391,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1691874879" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1691874879" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691874879" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1691874879" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1691874879" defer></script>
-        <script src="../../js/search.js?1691874879" defer></script>
+        <script src="../../js/auto-complete.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1691877023" defer></script>
+        <script src="../../js/search.js?1691877023" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -526,8 +526,7 @@
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -535,25 +534,37 @@
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../js/github-buttons.js?1691874879"></script>
+          <script async src="../../js/github-buttons.js?1691877023"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1691874879" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691874879" defer></script>
-    <script src="../../js/theme.js?1691874879" defer></script>
+    <script src="../../js/clipboard.min.js?1691877023" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691877023" defer></script>
+    <script src="../../js/theme.js?1691877023" defer></script>
   </body>
 </html>
diff --git a/shortcodes/badge/index.print.html b/shortcodes/badge/index.print.html
index 2adc2bbc48..041a779816 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1691874880" rel="stylesheet">
-    <link href="../../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../../js/url.js?1691874880"></script>
-    <script src="../../js/variant.js?1691874880"></script>
+    <link href="../../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1691877024" rel="stylesheet">
+    <link href="../../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../../js/url.js?1691877024"></script>
+    <script src="../../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -278,8 +278,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1691874880" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691874880" defer></script>
-    <script src="../../js/theme.js?1691874880" defer></script>
+    <script src="../../js/clipboard.min.js?1691877024" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691877024" defer></script>
+    <script src="../../js/theme.js?1691877024" defer></script>
   </body>
 </html>
diff --git a/shortcodes/button/index.html b/shortcodes/button/index.html
index b35c0a746e..8e7b9c9bb7 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691874879" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691874879" rel="stylesheet">
-    <link href="../../css/fonts.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691874879" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691874879" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691874879" rel="stylesheet">
-    <link href="../../css/print.css?1691874879" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1691874879" rel="stylesheet">
-    <script src="../../js/url.js?1691874879"></script>
-    <script src="../../js/variant.js?1691874879"></script>
+    <link href="../../css/fontawesome-all.min.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691877023" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691877023" rel="stylesheet">
+    <link href="../../css/fonts.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691877023" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691877023" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691877023" rel="stylesheet">
+    <link href="../../css/print.css?1691877023" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1691877023" rel="stylesheet">
+    <script src="../../js/url.js?1691877023"></script>
+    <script src="../../js/variant.js?1691877023"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -531,12 +531,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1691874879" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1691874879" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691874879" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1691874879" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1691874879" defer></script>
-        <script src="../../js/search.js?1691874879" defer></script>
+        <script src="../../js/auto-complete.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1691877023" defer></script>
+        <script src="../../js/search.js?1691877023" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -666,8 +666,7 @@
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -675,25 +674,37 @@
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../js/github-buttons.js?1691874879"></script>
+          <script async src="../../js/github-buttons.js?1691877023"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1691874879" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691874879" defer></script>
-    <script src="../../js/theme.js?1691874879" defer></script>
+    <script src="../../js/clipboard.min.js?1691877023" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691877023" defer></script>
+    <script src="../../js/theme.js?1691877023" defer></script>
   </body>
 </html>
diff --git a/shortcodes/button/index.print.html b/shortcodes/button/index.print.html
index ee9d60d219..9370181a4e 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1691874880" rel="stylesheet">
-    <link href="../../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../../js/url.js?1691874880"></script>
-    <script src="../../js/variant.js?1691874880"></script>
+    <link href="../../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1691877024" rel="stylesheet">
+    <link href="../../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../../js/url.js?1691877024"></script>
+    <script src="../../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -417,8 +417,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1691874880" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691874880" defer></script>
-    <script src="../../js/theme.js?1691874880" defer></script>
+    <script src="../../js/clipboard.min.js?1691877024" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691877024" defer></script>
+    <script src="../../js/theme.js?1691877024" 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 e6efd4b9c4..6b28dfeb7a 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../../css/fontawesome-all.min.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/nucleus.css?1691874879" rel="stylesheet">
-    <link href="../../../../../../../../css/auto-complete.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1691874879" rel="stylesheet">
-    <link href="../../../../../../../../css/fonts.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/theme.css?1691874879" rel="stylesheet">
-    <link href="../../../../../../../../css/theme-auto.css?1691874879" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../../css/variant.css?1691874879" rel="stylesheet">
-    <link href="../../../../../../../../css/print.css?1691874879" rel="stylesheet" media="print">
-    <link href="../../../../../../../../css/ie.css?1691874879" rel="stylesheet">
-    <script src="../../../../../../../../js/url.js?1691874879"></script>
-    <script src="../../../../../../../../js/variant.js?1691874879"></script>
+    <link href="../../../../../../../../css/fontawesome-all.min.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/nucleus.css?1691877023" rel="stylesheet">
+    <link href="../../../../../../../../css/auto-complete.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1691877023" rel="stylesheet">
+    <link href="../../../../../../../../css/fonts.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/theme.css?1691877023" rel="stylesheet">
+    <link href="../../../../../../../../css/theme-auto.css?1691877023" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../../css/variant.css?1691877023" rel="stylesheet">
+    <link href="../../../../../../../../css/print.css?1691877023" rel="stylesheet" media="print">
+    <link href="../../../../../../../../css/ie.css?1691877023" rel="stylesheet">
+    <script src="../../../../../../../../js/url.js?1691877023"></script>
+    <script src="../../../../../../../../js/variant.js?1691877023"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -187,12 +187,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../../../js/auto-complete.js?1691874880" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.min.js?1691874880" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.stemmer.support.min.js?1691874880" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.multi.min.js?1691874880" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.en.min.js?1691874880" defer></script>
-        <script src="../../../../../../../../js/search.js?1691874880" defer></script>
+        <script src="../../../../../../../../js/auto-complete.js?1691877024" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.min.js?1691877024" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.stemmer.support.min.js?1691877024" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.multi.min.js?1691877024" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.en.min.js?1691877024" defer></script>
+        <script src="../../../../../../../../js/search.js?1691877024" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -326,8 +326,7 @@
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -335,25 +334,37 @@
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../../../../../../../js/github-buttons.js?1691874880"></script>
+          <script async src="../../../../../../../../js/github-buttons.js?1691877024"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../../../js/clipboard.min.js?1691874880" defer></script>
-    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1691874880" defer></script>
-    <script src="../../../../../../../../js/theme.js?1691874880" defer></script>
+    <script src="../../../../../../../../js/clipboard.min.js?1691877024" defer></script>
+    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1691877024" defer></script>
+    <script src="../../../../../../../../js/theme.js?1691877024" 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 d5770d5d6e..cdb09a0f76 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../../../../../../../../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../../../../../../../../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../../../../../../../../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../../../../../../../../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../../../../../../../../css/format-print.css?1691874880" rel="stylesheet">
-    <link href="../../../../../../../../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../../../../../../../../js/url.js?1691874880"></script>
-    <script src="../../../../../../../../js/variant.js?1691874880"></script>
+    <link href="../../../../../../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../../../../../../../../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../../../../../../../../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../../../../../../../../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../../../../../../../../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../../../../../../../../css/format-print.css?1691877024" rel="stylesheet">
+    <link href="../../../../../../../../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../../../../../../../../js/url.js?1691877024"></script>
+    <script src="../../../../../../../../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -95,8 +95,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../../../js/clipboard.min.js?1691874880" defer></script>
-    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1691874880" defer></script>
-    <script src="../../../../../../../../js/theme.js?1691874880" defer></script>
+    <script src="../../../../../../../../js/clipboard.min.js?1691877024" defer></script>
+    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1691877024" defer></script>
+    <script src="../../../../../../../../js/theme.js?1691877024" 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 7780734b5c..b66ecf73a9 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../css/fontawesome-all.min.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/nucleus.css?1691874879" rel="stylesheet">
-    <link href="../../../../../../../css/auto-complete.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1691874879" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1691874879" rel="stylesheet">
-    <link href="../../../../../../../css/theme-auto.css?1691874879" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../css/variant.css?1691874879" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1691874879" rel="stylesheet" media="print">
-    <link href="../../../../../../../css/ie.css?1691874879" rel="stylesheet">
-    <script src="../../../../../../../js/url.js?1691874879"></script>
-    <script src="../../../../../../../js/variant.js?1691874879"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/nucleus.css?1691877023" rel="stylesheet">
+    <link href="../../../../../../../css/auto-complete.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1691877023" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1691877023" rel="stylesheet">
+    <link href="../../../../../../../css/theme-auto.css?1691877023" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../css/variant.css?1691877023" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1691877023" rel="stylesheet" media="print">
+    <link href="../../../../../../../css/ie.css?1691877023" rel="stylesheet">
+    <script src="../../../../../../../js/url.js?1691877023"></script>
+    <script src="../../../../../../../js/variant.js?1691877023"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -202,12 +202,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../../js/auto-complete.js?1691874880" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.min.js?1691874880" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1691874880" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1691874880" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.en.min.js?1691874880" defer></script>
-        <script src="../../../../../../../js/search.js?1691874880" defer></script>
+        <script src="../../../../../../../js/auto-complete.js?1691877024" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.min.js?1691877024" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1691877024" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1691877024" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.en.min.js?1691877024" defer></script>
+        <script src="../../../../../../../js/search.js?1691877024" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -341,8 +341,7 @@
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -350,25 +349,37 @@
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../../../../../../js/github-buttons.js?1691874880"></script>
+          <script async src="../../../../../../../js/github-buttons.js?1691877024"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../../js/clipboard.min.js?1691874880" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1691874880" defer></script>
-    <script src="../../../../../../../js/theme.js?1691874880" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1691877024" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1691877024" defer></script>
+    <script src="../../../../../../../js/theme.js?1691877024" 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 fb629b428e..6fcaefcbbe 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../../../../../../../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../../../../../../../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../../../../../../../css/format-print.css?1691874880" rel="stylesheet">
-    <link href="../../../../../../../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../../../../../../../js/url.js?1691874880"></script>
-    <script src="../../../../../../../js/variant.js?1691874880"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../../../../../../../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../../../../../../../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../../../../../../../css/format-print.css?1691877024" rel="stylesheet">
+    <link href="../../../../../../../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../../../../../../../js/url.js?1691877024"></script>
+    <script src="../../../../../../../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -119,8 +119,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../../js/clipboard.min.js?1691874880" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1691874880" defer></script>
-    <script src="../../../../../../../js/theme.js?1691874880" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1691877024" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1691877024" defer></script>
+    <script src="../../../../../../../js/theme.js?1691877024" 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 1ab58cbd29..3dd94e3fa8 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1691874879" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1691874879" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1691874879" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1691874879" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../css/variant.css?1691874879" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1691874879" rel="stylesheet" media="print">
-    <link href="../../../../../../css/ie.css?1691874879" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1691874879"></script>
-    <script src="../../../../../../js/variant.js?1691874879"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1691877023" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1691877023" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1691877023" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1691877023" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../css/variant.css?1691877023" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1691877023" rel="stylesheet" media="print">
+    <link href="../../../../../../css/ie.css?1691877023" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1691877023"></script>
+    <script src="../../../../../../js/variant.js?1691877023"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -201,12 +201,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../js/auto-complete.js?1691874880" defer></script>
-        <script src="../../../../../../js/lunr/lunr.min.js?1691874880" defer></script>
-        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1691874880" defer></script>
-        <script src="../../../../../../js/lunr/lunr.multi.min.js?1691874880" defer></script>
-        <script src="../../../../../../js/lunr/lunr.en.min.js?1691874880" defer></script>
-        <script src="../../../../../../js/search.js?1691874880" defer></script>
+        <script src="../../../../../../js/auto-complete.js?1691877024" defer></script>
+        <script src="../../../../../../js/lunr/lunr.min.js?1691877024" defer></script>
+        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1691877024" defer></script>
+        <script src="../../../../../../js/lunr/lunr.multi.min.js?1691877024" defer></script>
+        <script src="../../../../../../js/lunr/lunr.en.min.js?1691877024" defer></script>
+        <script src="../../../../../../js/search.js?1691877024" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -338,8 +338,7 @@
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -347,25 +346,37 @@
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../../../../../js/github-buttons.js?1691874880"></script>
+          <script async src="../../../../../../js/github-buttons.js?1691877024"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../js/clipboard.min.js?1691874880" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1691874880" defer></script>
-    <script src="../../../../../../js/theme.js?1691874880" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1691877024" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1691877024" defer></script>
+    <script src="../../../../../../js/theme.js?1691877024" 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 c92d11e583..7a0e2a3287 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../../../../../../css/format-print.css?1691874880" rel="stylesheet">
-    <link href="../../../../../../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1691874880"></script>
-    <script src="../../../../../../js/variant.js?1691874880"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../../../../../../css/format-print.css?1691877024" rel="stylesheet">
+    <link href="../../../../../../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1691877024"></script>
+    <script src="../../../../../../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -102,8 +102,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../js/clipboard.min.js?1691874880" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1691874880" defer></script>
-    <script src="../../../../../../js/theme.js?1691874880" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1691877024" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1691877024" defer></script>
+    <script src="../../../../../../js/theme.js?1691877024" 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 e3b2ccb42e..43ed83598a 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../../../../css/nucleus.css?1691874879" rel="stylesheet">
-    <link href="../../../../../css/auto-complete.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1691874879" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1691874879" rel="stylesheet">
-    <link href="../../../../../css/theme-auto.css?1691874879" rel="stylesheet" id="variant-style">
-    <link href="../../../../../css/variant.css?1691874879" rel="stylesheet">
-    <link href="../../../../../css/print.css?1691874879" rel="stylesheet" media="print">
-    <link href="../../../../../css/ie.css?1691874879" rel="stylesheet">
-    <script src="../../../../../js/url.js?1691874879"></script>
-    <script src="../../../../../js/variant.js?1691874879"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../../../../css/nucleus.css?1691877023" rel="stylesheet">
+    <link href="../../../../../css/auto-complete.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1691877023" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1691877023" rel="stylesheet">
+    <link href="../../../../../css/theme-auto.css?1691877023" rel="stylesheet" id="variant-style">
+    <link href="../../../../../css/variant.css?1691877023" rel="stylesheet">
+    <link href="../../../../../css/print.css?1691877023" rel="stylesheet" media="print">
+    <link href="../../../../../css/ie.css?1691877023" rel="stylesheet">
+    <script src="../../../../../js/url.js?1691877023"></script>
+    <script src="../../../../../js/variant.js?1691877023"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -200,12 +200,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../js/auto-complete.js?1691874880" defer></script>
-        <script src="../../../../../js/lunr/lunr.min.js?1691874880" defer></script>
-        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1691874880" defer></script>
-        <script src="../../../../../js/lunr/lunr.multi.min.js?1691874880" defer></script>
-        <script src="../../../../../js/lunr/lunr.en.min.js?1691874880" defer></script>
-        <script src="../../../../../js/search.js?1691874880" defer></script>
+        <script src="../../../../../js/auto-complete.js?1691877023" defer></script>
+        <script src="../../../../../js/lunr/lunr.min.js?1691877023" defer></script>
+        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1691877023" defer></script>
+        <script src="../../../../../js/lunr/lunr.multi.min.js?1691877023" defer></script>
+        <script src="../../../../../js/lunr/lunr.en.min.js?1691877023" defer></script>
+        <script src="../../../../../js/search.js?1691877023" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -337,8 +337,7 @@
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -346,25 +345,37 @@
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../../../../js/github-buttons.js?1691874880"></script>
+          <script async src="../../../../../js/github-buttons.js?1691877023"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../js/clipboard.min.js?1691874880" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1691874880" defer></script>
-    <script src="../../../../../js/theme.js?1691874880" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1691877024" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1691877024" defer></script>
+    <script src="../../../../../js/theme.js?1691877024" 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 37d0e78991..8ff2385c4a 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../../../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../../../../../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../../../../../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../../../../../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../../../../../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../../../../../css/format-print.css?1691874880" rel="stylesheet">
-    <link href="../../../../../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../../../../../js/url.js?1691874880"></script>
-    <script src="../../../../../js/variant.js?1691874880"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../../../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../../../../../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../../../../../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../../../../../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../../../../../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../../../../../css/format-print.css?1691877024" rel="stylesheet">
+    <link href="../../../../../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../../../../../js/url.js?1691877024"></script>
+    <script src="../../../../../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -126,8 +126,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../js/clipboard.min.js?1691874880" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1691874880" defer></script>
-    <script src="../../../../../js/theme.js?1691874880" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1691877024" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1691877024" defer></script>
+    <script src="../../../../../js/theme.js?1691877024" 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 d09f8cbabb..9849a38fb8 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1691874879" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1691874879" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1691874879" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1691874879" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../css/variant.css?1691874879" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1691874879" rel="stylesheet" media="print">
-    <link href="../../../../../../css/ie.css?1691874879" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1691874879"></script>
-    <script src="../../../../../../js/variant.js?1691874879"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1691877023" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1691877023" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1691877023" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1691877023" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../css/variant.css?1691877023" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1691877023" rel="stylesheet" media="print">
+    <link href="../../../../../../css/ie.css?1691877023" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1691877023"></script>
+    <script src="../../../../../../js/variant.js?1691877023"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -186,12 +186,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../js/auto-complete.js?1691874880" defer></script>
-        <script src="../../../../../../js/lunr/lunr.min.js?1691874880" defer></script>
-        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1691874880" defer></script>
-        <script src="../../../../../../js/lunr/lunr.multi.min.js?1691874880" defer></script>
-        <script src="../../../../../../js/lunr/lunr.en.min.js?1691874880" defer></script>
-        <script src="../../../../../../js/search.js?1691874880" defer></script>
+        <script src="../../../../../../js/auto-complete.js?1691877024" defer></script>
+        <script src="../../../../../../js/lunr/lunr.min.js?1691877024" defer></script>
+        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1691877024" defer></script>
+        <script src="../../../../../../js/lunr/lunr.multi.min.js?1691877024" defer></script>
+        <script src="../../../../../../js/lunr/lunr.en.min.js?1691877024" defer></script>
+        <script src="../../../../../../js/search.js?1691877024" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -321,8 +321,7 @@
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -330,25 +329,37 @@
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../../../../../js/github-buttons.js?1691874880"></script>
+          <script async src="../../../../../../js/github-buttons.js?1691877024"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../js/clipboard.min.js?1691874880" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1691874880" defer></script>
-    <script src="../../../../../../js/theme.js?1691874880" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1691877024" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1691877024" defer></script>
+    <script src="../../../../../../js/theme.js?1691877024" 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 3b983b5da7..84134b9946 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../../../../../../css/format-print.css?1691874880" rel="stylesheet">
-    <link href="../../../../../../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1691874880"></script>
-    <script src="../../../../../../js/variant.js?1691874880"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../../../../../../css/format-print.css?1691877024" rel="stylesheet">
+    <link href="../../../../../../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1691877024"></script>
+    <script src="../../../../../../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -94,8 +94,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../js/clipboard.min.js?1691874880" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1691874880" defer></script>
-    <script src="../../../../../../js/theme.js?1691874880" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1691877024" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1691877024" defer></script>
+    <script src="../../../../../../js/theme.js?1691877024" 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 6b1bac921b..7ce6a8781f 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1691874879" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1691874879" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1691874879" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1691874879" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../css/variant.css?1691874879" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1691874879" rel="stylesheet" media="print">
-    <link href="../../../../../../css/ie.css?1691874879" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1691874879"></script>
-    <script src="../../../../../../js/variant.js?1691874879"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1691877023" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1691877023" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1691877023" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1691877023" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../css/variant.css?1691877023" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1691877023" rel="stylesheet" media="print">
+    <link href="../../../../../../css/ie.css?1691877023" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1691877023"></script>
+    <script src="../../../../../../js/variant.js?1691877023"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -186,12 +186,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../js/auto-complete.js?1691874880" defer></script>
-        <script src="../../../../../../js/lunr/lunr.min.js?1691874880" defer></script>
-        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1691874880" defer></script>
-        <script src="../../../../../../js/lunr/lunr.multi.min.js?1691874880" defer></script>
-        <script src="../../../../../../js/lunr/lunr.en.min.js?1691874880" defer></script>
-        <script src="../../../../../../js/search.js?1691874880" defer></script>
+        <script src="../../../../../../js/auto-complete.js?1691877024" defer></script>
+        <script src="../../../../../../js/lunr/lunr.min.js?1691877024" defer></script>
+        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1691877024" defer></script>
+        <script src="../../../../../../js/lunr/lunr.multi.min.js?1691877024" defer></script>
+        <script src="../../../../../../js/lunr/lunr.en.min.js?1691877024" defer></script>
+        <script src="../../../../../../js/search.js?1691877024" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -321,8 +321,7 @@
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -330,25 +329,37 @@
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../../../../../js/github-buttons.js?1691874880"></script>
+          <script async src="../../../../../../js/github-buttons.js?1691877024"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../js/clipboard.min.js?1691874880" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1691874880" defer></script>
-    <script src="../../../../../../js/theme.js?1691874880" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1691877024" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1691877024" defer></script>
+    <script src="../../../../../../js/theme.js?1691877024" 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 485acbd163..cada755ce4 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../../../../../../css/format-print.css?1691874880" rel="stylesheet">
-    <link href="../../../../../../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1691874880"></script>
-    <script src="../../../../../../js/variant.js?1691874880"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../../../../../../css/format-print.css?1691877024" rel="stylesheet">
+    <link href="../../../../../../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1691877024"></script>
+    <script src="../../../../../../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -94,8 +94,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../js/clipboard.min.js?1691874880" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1691874880" defer></script>
-    <script src="../../../../../../js/theme.js?1691874880" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1691877024" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1691877024" defer></script>
+    <script src="../../../../../../js/theme.js?1691877024" 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 b061f8932e..78fd9338ee 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../../../../css/nucleus.css?1691874879" rel="stylesheet">
-    <link href="../../../../../css/auto-complete.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1691874879" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1691874879" rel="stylesheet">
-    <link href="../../../../../css/theme-auto.css?1691874879" rel="stylesheet" id="variant-style">
-    <link href="../../../../../css/variant.css?1691874879" rel="stylesheet">
-    <link href="../../../../../css/print.css?1691874879" rel="stylesheet" media="print">
-    <link href="../../../../../css/ie.css?1691874879" rel="stylesheet">
-    <script src="../../../../../js/url.js?1691874879"></script>
-    <script src="../../../../../js/variant.js?1691874879"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../../../../css/nucleus.css?1691877023" rel="stylesheet">
+    <link href="../../../../../css/auto-complete.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1691877023" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1691877023" rel="stylesheet">
+    <link href="../../../../../css/theme-auto.css?1691877023" rel="stylesheet" id="variant-style">
+    <link href="../../../../../css/variant.css?1691877023" rel="stylesheet">
+    <link href="../../../../../css/print.css?1691877023" rel="stylesheet" media="print">
+    <link href="../../../../../css/ie.css?1691877023" rel="stylesheet">
+    <script src="../../../../../js/url.js?1691877023"></script>
+    <script src="../../../../../js/variant.js?1691877023"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -202,12 +202,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../js/auto-complete.js?1691874880" defer></script>
-        <script src="../../../../../js/lunr/lunr.min.js?1691874880" defer></script>
-        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1691874880" defer></script>
-        <script src="../../../../../js/lunr/lunr.multi.min.js?1691874880" defer></script>
-        <script src="../../../../../js/lunr/lunr.en.min.js?1691874880" defer></script>
-        <script src="../../../../../js/search.js?1691874880" defer></script>
+        <script src="../../../../../js/auto-complete.js?1691877024" defer></script>
+        <script src="../../../../../js/lunr/lunr.min.js?1691877024" defer></script>
+        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1691877024" defer></script>
+        <script src="../../../../../js/lunr/lunr.multi.min.js?1691877024" defer></script>
+        <script src="../../../../../js/lunr/lunr.en.min.js?1691877024" defer></script>
+        <script src="../../../../../js/search.js?1691877024" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -337,8 +337,7 @@
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -346,25 +345,37 @@
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../../../../js/github-buttons.js?1691874880"></script>
+          <script async src="../../../../../js/github-buttons.js?1691877024"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../js/clipboard.min.js?1691874880" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1691874880" defer></script>
-    <script src="../../../../../js/theme.js?1691874880" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1691877024" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1691877024" defer></script>
+    <script src="../../../../../js/theme.js?1691877024" 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 eb39314675..02a4ee1a45 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../../../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../../../../../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../../../../../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../../../../../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../../../../../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../../../../../css/format-print.css?1691874880" rel="stylesheet">
-    <link href="../../../../../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../../../../../js/url.js?1691874880"></script>
-    <script src="../../../../../js/variant.js?1691874880"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../../../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../../../../../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../../../../../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../../../../../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../../../../../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../../../../../css/format-print.css?1691877024" rel="stylesheet">
+    <link href="../../../../../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../../../../../js/url.js?1691877024"></script>
+    <script src="../../../../../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -135,8 +135,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../js/clipboard.min.js?1691874880" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1691874880" defer></script>
-    <script src="../../../../../js/theme.js?1691874880" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1691877024" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1691877024" defer></script>
+    <script src="../../../../../js/theme.js?1691877024" 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 2c8fc92c25..a0c3e4fe54 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../../../../css/nucleus.css?1691874879" rel="stylesheet">
-    <link href="../../../../../css/auto-complete.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1691874879" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1691874879" rel="stylesheet">
-    <link href="../../../../../css/theme-auto.css?1691874879" rel="stylesheet" id="variant-style">
-    <link href="../../../../../css/variant.css?1691874879" rel="stylesheet">
-    <link href="../../../../../css/print.css?1691874879" rel="stylesheet" media="print">
-    <link href="../../../../../css/ie.css?1691874879" rel="stylesheet">
-    <script src="../../../../../js/url.js?1691874879"></script>
-    <script src="../../../../../js/variant.js?1691874879"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../../../../css/nucleus.css?1691877023" rel="stylesheet">
+    <link href="../../../../../css/auto-complete.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1691877023" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1691877023" rel="stylesheet">
+    <link href="../../../../../css/theme-auto.css?1691877023" rel="stylesheet" id="variant-style">
+    <link href="../../../../../css/variant.css?1691877023" rel="stylesheet">
+    <link href="../../../../../css/print.css?1691877023" rel="stylesheet" media="print">
+    <link href="../../../../../css/ie.css?1691877023" rel="stylesheet">
+    <script src="../../../../../js/url.js?1691877023"></script>
+    <script src="../../../../../js/variant.js?1691877023"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -185,12 +185,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../js/auto-complete.js?1691874880" defer></script>
-        <script src="../../../../../js/lunr/lunr.min.js?1691874880" defer></script>
-        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1691874880" defer></script>
-        <script src="../../../../../js/lunr/lunr.multi.min.js?1691874880" defer></script>
-        <script src="../../../../../js/lunr/lunr.en.min.js?1691874880" defer></script>
-        <script src="../../../../../js/search.js?1691874880" defer></script>
+        <script src="../../../../../js/auto-complete.js?1691877024" defer></script>
+        <script src="../../../../../js/lunr/lunr.min.js?1691877024" defer></script>
+        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1691877024" defer></script>
+        <script src="../../../../../js/lunr/lunr.multi.min.js?1691877024" defer></script>
+        <script src="../../../../../js/lunr/lunr.en.min.js?1691877024" defer></script>
+        <script src="../../../../../js/search.js?1691877024" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -320,8 +320,7 @@
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -329,25 +328,37 @@
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../../../../js/github-buttons.js?1691874880"></script>
+          <script async src="../../../../../js/github-buttons.js?1691877024"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../js/clipboard.min.js?1691874880" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1691874880" defer></script>
-    <script src="../../../../../js/theme.js?1691874880" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1691877024" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1691877024" defer></script>
+    <script src="../../../../../js/theme.js?1691877024" 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 37d43b1341..1486eadb5d 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../../../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../../../../../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../../../../../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../../../../../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../../../../../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../../../../../css/format-print.css?1691874880" rel="stylesheet">
-    <link href="../../../../../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../../../../../js/url.js?1691874880"></script>
-    <script src="../../../../../js/variant.js?1691874880"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../../../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../../../../../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../../../../../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../../../../../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../../../../../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../../../../../css/format-print.css?1691877024" rel="stylesheet">
+    <link href="../../../../../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../../../../../js/url.js?1691877024"></script>
+    <script src="../../../../../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -93,8 +93,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../js/clipboard.min.js?1691874880" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1691874880" defer></script>
-    <script src="../../../../../js/theme.js?1691874880" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1691877024" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1691877024" defer></script>
+    <script src="../../../../../js/theme.js?1691877024" 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 a8b9103189..494475af0a 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1691874879" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1691874879" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1691874879" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1691874879" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1691874879" rel="stylesheet">
-    <link href="../../../../css/print.css?1691874879" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1691874879" rel="stylesheet">
-    <script src="../../../../js/url.js?1691874879"></script>
-    <script src="../../../../js/variant.js?1691874879"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1691877023" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1691877023" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1691877023" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1691877023" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1691877023" rel="stylesheet">
+    <link href="../../../../css/print.css?1691877023" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1691877023" rel="stylesheet">
+    <script src="../../../../js/url.js?1691877023"></script>
+    <script src="../../../../js/variant.js?1691877023"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -202,12 +202,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1691874880" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1691874880" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1691874880" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1691874880" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1691874880" defer></script>
-        <script src="../../../../js/search.js?1691874880" defer></script>
+        <script src="../../../../js/auto-complete.js?1691877023" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1691877023" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1691877023" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1691877023" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1691877023" defer></script>
+        <script src="../../../../js/search.js?1691877023" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -337,8 +337,7 @@
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -346,25 +345,37 @@
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../../../js/github-buttons.js?1691874880"></script>
+          <script async src="../../../../js/github-buttons.js?1691877023"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1691874880" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1691874880" defer></script>
-    <script src="../../../../js/theme.js?1691874880" defer></script>
+    <script src="../../../../js/clipboard.min.js?1691877023" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1691877023" defer></script>
+    <script src="../../../../js/theme.js?1691877023" 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 166aa85183..25b239ed0f 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../../../../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1691874880" rel="stylesheet">
-    <link href="../../../../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../../../../js/url.js?1691874880"></script>
-    <script src="../../../../js/variant.js?1691874880"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../../../../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1691877024" rel="stylesheet">
+    <link href="../../../../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../../../../js/url.js?1691877024"></script>
+    <script src="../../../../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -177,8 +177,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1691874880" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1691874880" defer></script>
-    <script src="../../../../js/theme.js?1691874880" defer></script>
+    <script src="../../../../js/clipboard.min.js?1691877024" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1691877024" defer></script>
+    <script src="../../../../js/theme.js?1691877024" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-1/index.html b/shortcodes/children/children-1/index.html
index e897e1bcd0..927540ebbb 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691874879" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691874879" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691874879" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691874879" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691874879" rel="stylesheet">
-    <link href="../../../css/print.css?1691874879" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1691874879" rel="stylesheet">
-    <script src="../../../js/url.js?1691874879"></script>
-    <script src="../../../js/variant.js?1691874879"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691877023" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691877023" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691877023" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691877023" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691877023" rel="stylesheet">
+    <link href="../../../css/print.css?1691877023" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1691877023" rel="stylesheet">
+    <script src="../../../js/url.js?1691877023"></script>
+    <script src="../../../js/variant.js?1691877023"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -199,12 +199,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1691874880" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1691874880" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691874880" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1691874880" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1691874880" defer></script>
-        <script src="../../../js/search.js?1691874880" defer></script>
+        <script src="../../../js/auto-complete.js?1691877023" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1691877023" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691877023" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1691877023" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1691877023" defer></script>
+        <script src="../../../js/search.js?1691877023" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -334,8 +334,7 @@
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -343,25 +342,37 @@
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1691874880"></script>
+          <script async src="../../../js/github-buttons.js?1691877023"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1691874880" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691874880" defer></script>
-    <script src="../../../js/theme.js?1691874880" defer></script>
+    <script src="../../../js/clipboard.min.js?1691877023" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691877023" defer></script>
+    <script src="../../../js/theme.js?1691877023" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-1/index.print.html b/shortcodes/children/children-1/index.print.html
index 630ea1e181..dc012a494b 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../../../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1691874880" rel="stylesheet">
-    <link href="../../../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../../../js/url.js?1691874880"></script>
-    <script src="../../../js/variant.js?1691874880"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../../../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1691877024" rel="stylesheet">
+    <link href="../../../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../../../js/url.js?1691877024"></script>
+    <script src="../../../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -201,8 +201,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1691874880" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691874880" defer></script>
-    <script src="../../../js/theme.js?1691874880" defer></script>
+    <script src="../../../js/clipboard.min.js?1691877024" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691877024" defer></script>
+    <script src="../../../js/theme.js?1691877024" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-2/index.html b/shortcodes/children/children-2/index.html
index 77b602f803..0703685cb5 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691874879" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691874879" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691874879" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691874879" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691874879" rel="stylesheet">
-    <link href="../../../css/print.css?1691874879" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1691874879" rel="stylesheet">
-    <script src="../../../js/url.js?1691874879"></script>
-    <script src="../../../js/variant.js?1691874879"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691877023" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691877023" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691877023" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691877023" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691877023" rel="stylesheet">
+    <link href="../../../css/print.css?1691877023" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1691877023" rel="stylesheet">
+    <script src="../../../js/url.js?1691877023"></script>
+    <script src="../../../js/variant.js?1691877023"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -184,12 +184,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1691874880" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1691874880" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691874880" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1691874880" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1691874880" defer></script>
-        <script src="../../../js/search.js?1691874880" defer></script>
+        <script src="../../../js/auto-complete.js?1691877024" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1691877024" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691877024" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1691877024" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1691877024" defer></script>
+        <script src="../../../js/search.js?1691877024" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -319,8 +319,7 @@
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -328,25 +327,37 @@
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1691874880"></script>
+          <script async src="../../../js/github-buttons.js?1691877024"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1691874880" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691874880" defer></script>
-    <script src="../../../js/theme.js?1691874880" defer></script>
+    <script src="../../../js/clipboard.min.js?1691877024" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691877024" defer></script>
+    <script src="../../../js/theme.js?1691877024" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-2/index.print.html b/shortcodes/children/children-2/index.print.html
index 1b770f8cfa..0923635409 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../../../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1691874880" rel="stylesheet">
-    <link href="../../../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../../../js/url.js?1691874880"></script>
-    <script src="../../../js/variant.js?1691874880"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../../../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1691877024" rel="stylesheet">
+    <link href="../../../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../../../js/url.js?1691877024"></script>
+    <script src="../../../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -92,8 +92,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1691874880" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691874880" defer></script>
-    <script src="../../../js/theme.js?1691874880" defer></script>
+    <script src="../../../js/clipboard.min.js?1691877024" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691877024" defer></script>
+    <script src="../../../js/theme.js?1691877024" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-3/index.html b/shortcodes/children/children-3/index.html
index 7feaf4c2b9..6635fde0f7 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691874879" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691874879" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691874879" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691874879" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691874879" rel="stylesheet">
-    <link href="../../../css/print.css?1691874879" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1691874879" rel="stylesheet">
-    <script src="../../../js/url.js?1691874879"></script>
-    <script src="../../../js/variant.js?1691874879"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691877023" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691877023" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691877023" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691877023" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691877023" rel="stylesheet">
+    <link href="../../../css/print.css?1691877023" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1691877023" rel="stylesheet">
+    <script src="../../../js/url.js?1691877023"></script>
+    <script src="../../../js/variant.js?1691877023"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -199,12 +199,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1691874880" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1691874880" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691874880" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1691874880" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1691874880" defer></script>
-        <script src="../../../js/search.js?1691874880" defer></script>
+        <script src="../../../js/auto-complete.js?1691877024" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1691877024" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691877024" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1691877024" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1691877024" defer></script>
+        <script src="../../../js/search.js?1691877024" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -334,8 +334,7 @@
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -343,25 +342,37 @@
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1691874880"></script>
+          <script async src="../../../js/github-buttons.js?1691877024"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1691874880" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691874880" defer></script>
-    <script src="../../../js/theme.js?1691874880" defer></script>
+    <script src="../../../js/clipboard.min.js?1691877024" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691877024" defer></script>
+    <script src="../../../js/theme.js?1691877024" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-3/index.print.html b/shortcodes/children/children-3/index.print.html
index 781bc5c6e4..403f0b8598 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../../../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1691874880" rel="stylesheet">
-    <link href="../../../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../../../js/url.js?1691874880"></script>
-    <script src="../../../js/variant.js?1691874880"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../../../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1691877024" rel="stylesheet">
+    <link href="../../../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../../../js/url.js?1691877024"></script>
+    <script src="../../../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -116,8 +116,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1691874880" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691874880" defer></script>
-    <script src="../../../js/theme.js?1691874880" defer></script>
+    <script src="../../../js/clipboard.min.js?1691877024" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691877024" defer></script>
+    <script src="../../../js/theme.js?1691877024" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-3/test3/index.html b/shortcodes/children/children-3/test3/index.html
index 63de982ebe..c97c7f365a 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1691874879" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1691874879" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1691874879" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1691874879" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1691874879" rel="stylesheet">
-    <link href="../../../../css/print.css?1691874879" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1691874879" rel="stylesheet">
-    <script src="../../../../js/url.js?1691874879"></script>
-    <script src="../../../../js/variant.js?1691874879"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1691877023" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1691877023" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1691877023" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1691877023" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1691877023" rel="stylesheet">
+    <link href="../../../../css/print.css?1691877023" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1691877023" rel="stylesheet">
+    <script src="../../../../js/url.js?1691877023"></script>
+    <script src="../../../../js/variant.js?1691877023"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -184,12 +184,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1691874880" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1691874880" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1691874880" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1691874880" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1691874880" defer></script>
-        <script src="../../../../js/search.js?1691874880" defer></script>
+        <script src="../../../../js/auto-complete.js?1691877023" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1691877023" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1691877023" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1691877023" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1691877023" defer></script>
+        <script src="../../../../js/search.js?1691877023" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -319,8 +319,7 @@
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -328,25 +327,37 @@
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../../../js/github-buttons.js?1691874880"></script>
+          <script async src="../../../../js/github-buttons.js?1691877023"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1691874880" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1691874880" defer></script>
-    <script src="../../../../js/theme.js?1691874880" defer></script>
+    <script src="../../../../js/clipboard.min.js?1691877023" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1691877023" defer></script>
+    <script src="../../../../js/theme.js?1691877023" 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 8f662cc57c..d1763fcb8c 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../../../../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1691874880" rel="stylesheet">
-    <link href="../../../../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../../../../js/url.js?1691874880"></script>
-    <script src="../../../../js/variant.js?1691874880"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../../../../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1691877024" rel="stylesheet">
+    <link href="../../../../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../../../../js/url.js?1691877024"></script>
+    <script src="../../../../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -92,8 +92,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1691874880" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1691874880" defer></script>
-    <script src="../../../../js/theme.js?1691874880" defer></script>
+    <script src="../../../../js/clipboard.min.js?1691877024" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1691877024" defer></script>
+    <script src="../../../../js/theme.js?1691877024" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-4/index.html b/shortcodes/children/children-4/index.html
index 0658595c77..9498c98704 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691874879" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691874879" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691874879" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691874879" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691874879" rel="stylesheet">
-    <link href="../../../css/print.css?1691874879" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1691874879" rel="stylesheet">
-    <script src="../../../js/url.js?1691874879"></script>
-    <script src="../../../js/variant.js?1691874879"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691877023" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691877023" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691877023" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691877023" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691877023" rel="stylesheet">
+    <link href="../../../css/print.css?1691877023" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1691877023" rel="stylesheet">
+    <script src="../../../js/url.js?1691877023"></script>
+    <script src="../../../js/variant.js?1691877023"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -182,12 +182,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1691874880" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1691874880" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691874880" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1691874880" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1691874880" defer></script>
-        <script src="../../../js/search.js?1691874880" defer></script>
+        <script src="../../../js/auto-complete.js?1691877024" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1691877024" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691877024" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1691877024" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1691877024" defer></script>
+        <script src="../../../js/search.js?1691877024" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -318,8 +318,7 @@
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -327,25 +326,37 @@
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1691874880"></script>
+          <script async src="../../../js/github-buttons.js?1691877024"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1691874880" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691874880" defer></script>
-    <script src="../../../js/theme.js?1691874880" defer></script>
+    <script src="../../../js/clipboard.min.js?1691877024" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691877024" defer></script>
+    <script src="../../../js/theme.js?1691877024" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-4/index.print.html b/shortcodes/children/children-4/index.print.html
index 8df7dfc4ae..ee4dac8b44 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../../../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1691874880" rel="stylesheet">
-    <link href="../../../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../../../js/url.js?1691874880"></script>
-    <script src="../../../js/variant.js?1691874880"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../../../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1691877024" rel="stylesheet">
+    <link href="../../../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../../../js/url.js?1691877024"></script>
+    <script src="../../../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -90,8 +90,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1691874880" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691874880" defer></script>
-    <script src="../../../js/theme.js?1691874880" defer></script>
+    <script src="../../../js/clipboard.min.js?1691877024" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691877024" defer></script>
+    <script src="../../../js/theme.js?1691877024" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/index.html b/shortcodes/children/index.html
index 27890972ad..26a2bd2e21 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691874879" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691874879" rel="stylesheet">
-    <link href="../../css/fonts.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691874879" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691874879" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691874879" rel="stylesheet">
-    <link href="../../css/print.css?1691874879" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1691874879" rel="stylesheet">
-    <script src="../../js/url.js?1691874879"></script>
-    <script src="../../js/variant.js?1691874879"></script>
+    <link href="../../css/fontawesome-all.min.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691877023" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691877023" rel="stylesheet">
+    <link href="../../css/fonts.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691877023" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691877023" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691877023" rel="stylesheet">
+    <link href="../../css/print.css?1691877023" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1691877023" rel="stylesheet">
+    <script src="../../js/url.js?1691877023"></script>
+    <script src="../../js/variant.js?1691877023"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -394,12 +394,12 @@ So its content is used as description.</p>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1691874880" defer></script>
-        <script src="../../js/search.js?1691874880" defer></script>
+        <script src="../../js/auto-complete.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1691877023" defer></script>
+        <script src="../../js/search.js?1691877023" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -529,8 +529,7 @@ So its content is used as description.</p>
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -538,25 +537,37 @@ So its content is used as description.</p>
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../js/github-buttons.js?1691874880"></script>
+          <script async src="../../js/github-buttons.js?1691877023"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1691874880" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691874880" defer></script>
-    <script src="../../js/theme.js?1691874880" defer></script>
+    <script src="../../js/clipboard.min.js?1691877023" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691877023" defer></script>
+    <script src="../../js/theme.js?1691877023" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/index.print.html b/shortcodes/children/index.print.html
index c51c4a7920..584f6f52f9 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1691874880" rel="stylesheet">
-    <link href="../../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../../js/url.js?1691874880"></script>
-    <script src="../../js/variant.js?1691874880"></script>
+    <link href="../../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1691877024" rel="stylesheet">
+    <link href="../../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../../js/url.js?1691877024"></script>
+    <script src="../../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -481,8 +481,8 @@ So its content is used as description.</p>
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1691874880" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691874880" defer></script>
-    <script src="../../js/theme.js?1691874880" defer></script>
+    <script src="../../js/clipboard.min.js?1691877024" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691877024" defer></script>
+    <script src="../../js/theme.js?1691877024" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/test/index.html b/shortcodes/children/test/index.html
index 61b9e7a968..536a08f91f 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691874879" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691874879" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691874879" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691874879" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691874879" rel="stylesheet">
-    <link href="../../../css/print.css?1691874879" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1691874879" rel="stylesheet">
-    <script src="../../../js/url.js?1691874879"></script>
-    <script src="../../../js/variant.js?1691874879"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691877023" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691877023" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691877023" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691877023" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691877023" rel="stylesheet">
+    <link href="../../../css/print.css?1691877023" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1691877023" rel="stylesheet">
+    <script src="../../../js/url.js?1691877023"></script>
+    <script src="../../../js/variant.js?1691877023"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -183,12 +183,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1691874880" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1691874880" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691874880" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1691874880" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1691874880" defer></script>
-        <script src="../../../js/search.js?1691874880" defer></script>
+        <script src="../../../js/auto-complete.js?1691877023" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1691877023" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1691877023" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1691877023" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1691877023" defer></script>
+        <script src="../../../js/search.js?1691877023" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -318,8 +318,7 @@
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -327,25 +326,37 @@
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1691874880"></script>
+          <script async src="../../../js/github-buttons.js?1691877023"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1691874880" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691874880" defer></script>
-    <script src="../../../js/theme.js?1691874880" defer></script>
+    <script src="../../../js/clipboard.min.js?1691877023" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691877023" defer></script>
+    <script src="../../../js/theme.js?1691877023" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/test/index.print.html b/shortcodes/children/test/index.print.html
index f0d8e73e5f..d513cbcc86 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../../../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../../../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1691874880" rel="stylesheet">
-    <link href="../../../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../../../js/url.js?1691874880"></script>
-    <script src="../../../js/variant.js?1691874880"></script>
+    <link href="../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../../../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../../../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1691877024" rel="stylesheet">
+    <link href="../../../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../../../js/url.js?1691877024"></script>
+    <script src="../../../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -91,8 +91,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1691874880" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1691874880" defer></script>
-    <script src="../../../js/theme.js?1691874880" defer></script>
+    <script src="../../../js/clipboard.min.js?1691877024" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1691877024" defer></script>
+    <script src="../../../js/theme.js?1691877024" defer></script>
   </body>
 </html>
diff --git a/shortcodes/expand/index.html b/shortcodes/expand/index.html
index 215b877edb..99f6d062c4 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691874879" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691874879" rel="stylesheet">
-    <link href="../../css/fonts.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691874879" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691874879" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691874879" rel="stylesheet">
-    <link href="../../css/print.css?1691874879" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1691874879" rel="stylesheet">
-    <script src="../../js/url.js?1691874879"></script>
-    <script src="../../js/variant.js?1691874879"></script>
+    <link href="../../css/fontawesome-all.min.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691877023" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691877023" rel="stylesheet">
+    <link href="../../css/fonts.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691877023" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691877023" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691877023" rel="stylesheet">
+    <link href="../../css/print.css?1691877023" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1691877023" rel="stylesheet">
+    <script src="../../js/url.js?1691877023"></script>
+    <script src="../../js/variant.js?1691877023"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -115,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-c31d9c8b009fa2bd69b4c4198fdb7d1a" aria-controls="expandcontent-c31d9c8b009fa2bd69b4c4198fdb7d1a" >
-    <label class="expand-label" for="expand-c31d9c8b009fa2bd69b4c4198fdb7d1a" >
+    <input type="checkbox" id="expand-2b133b7204aa2a48626db983a309ccd2" aria-controls="expandcontent-2b133b7204aa2a48626db983a309ccd2" >
+    <label class="expand-label" for="expand-2b133b7204aa2a48626db983a309ccd2" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-c31d9c8b009fa2bd69b4c4198fdb7d1a" class="expand-content">
+    <div id="expandcontent-2b133b7204aa2a48626db983a309ccd2" 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-6c44ff89f00dcecfa6a4b368d01ff625" aria-controls="expandcontent-6c44ff89f00dcecfa6a4b368d01ff625" >
-    <label class="expand-label" for="expand-6c44ff89f00dcecfa6a4b368d01ff625" >
+    <input type="checkbox" id="expand-11f0628af9b58827d83c3c41b09db8db" aria-controls="expandcontent-11f0628af9b58827d83c3c41b09db8db" >
+    <label class="expand-label" for="expand-11f0628af9b58827d83c3c41b09db8db" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-6c44ff89f00dcecfa6a4b368d01ff625" class="expand-content">
+    <div id="expandcontent-11f0628af9b58827d83c3c41b09db8db" 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-3d3af7da1287cea1606f76b3154b1df3" aria-controls="expandcontent-3d3af7da1287cea1606f76b3154b1df3"  checked>
-    <label class="expand-label" for="expand-3d3af7da1287cea1606f76b3154b1df3" >
+    <input type="checkbox" id="expand-1b0a567c5b681efd2f102ee44543f1b5" aria-controls="expandcontent-1b0a567c5b681efd2f102ee44543f1b5"  checked>
+    <label class="expand-label" for="expand-1b0a567c5b681efd2f102ee44543f1b5" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-3d3af7da1287cea1606f76b3154b1df3" class="expand-content">
+    <div id="expandcontent-1b0a567c5b681efd2f102ee44543f1b5" 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-eac63b3b5b7063f048dea280b6c9b328" aria-controls="expandcontent-eac63b3b5b7063f048dea280b6c9b328" >
-    <label class="expand-label" for="expand-eac63b3b5b7063f048dea280b6c9b328" >
+    <input type="checkbox" id="expand-39b51fe86654bb040e7043f384ed708a" aria-controls="expandcontent-39b51fe86654bb040e7043f384ed708a" >
+    <label class="expand-label" for="expand-39b51fe86654bb040e7043f384ed708a" >
         <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-eac63b3b5b7063f048dea280b6c9b328" class="expand-content">
+    <div id="expandcontent-39b51fe86654bb040e7043f384ed708a" 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?1691874879" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1691874879" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691874879" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1691874879" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1691874879" defer></script>
-        <script src="../../js/search.js?1691874879" defer></script>
+        <script src="../../js/auto-complete.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1691877023" defer></script>
+        <script src="../../js/search.js?1691877023" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -530,8 +530,7 @@ No need to press you!</div>
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -539,25 +538,37 @@ No need to press you!</div>
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../js/github-buttons.js?1691874879"></script>
+          <script async src="../../js/github-buttons.js?1691877023"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1691874879" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691874879" defer></script>
-    <script src="../../js/theme.js?1691874879" defer></script>
+    <script src="../../js/clipboard.min.js?1691877023" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691877023" defer></script>
+    <script src="../../js/theme.js?1691877023" defer></script>
   </body>
 </html>
diff --git a/shortcodes/expand/index.print.html b/shortcodes/expand/index.print.html
index 40fa4c5356..d39a871356 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1691874880" rel="stylesheet">
-    <link href="../../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../../js/url.js?1691874880"></script>
-    <script src="../../js/variant.js?1691874880"></script>
+    <link href="../../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1691877024" rel="stylesheet">
+    <link href="../../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../../js/url.js?1691877024"></script>
+    <script src="../../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -79,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-c31d9c8b009fa2bd69b4c4198fdb7d1a" aria-controls="expandcontent-c31d9c8b009fa2bd69b4c4198fdb7d1a" >
-    <label class="expand-label" for="expand-c31d9c8b009fa2bd69b4c4198fdb7d1a" >
+    <input type="checkbox" id="expand-2b133b7204aa2a48626db983a309ccd2" aria-controls="expandcontent-2b133b7204aa2a48626db983a309ccd2" >
+    <label class="expand-label" for="expand-2b133b7204aa2a48626db983a309ccd2" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-c31d9c8b009fa2bd69b4c4198fdb7d1a" class="expand-content">
+    <div id="expandcontent-2b133b7204aa2a48626db983a309ccd2" 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-6c44ff89f00dcecfa6a4b368d01ff625" aria-controls="expandcontent-6c44ff89f00dcecfa6a4b368d01ff625" >
-    <label class="expand-label" for="expand-6c44ff89f00dcecfa6a4b368d01ff625" >
+    <input type="checkbox" id="expand-11f0628af9b58827d83c3c41b09db8db" aria-controls="expandcontent-11f0628af9b58827d83c3c41b09db8db" >
+    <label class="expand-label" for="expand-11f0628af9b58827d83c3c41b09db8db" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-6c44ff89f00dcecfa6a4b368d01ff625" class="expand-content">
+    <div id="expandcontent-11f0628af9b58827d83c3c41b09db8db" 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-3d3af7da1287cea1606f76b3154b1df3" aria-controls="expandcontent-3d3af7da1287cea1606f76b3154b1df3"  checked>
-    <label class="expand-label" for="expand-3d3af7da1287cea1606f76b3154b1df3" >
+    <input type="checkbox" id="expand-1b0a567c5b681efd2f102ee44543f1b5" aria-controls="expandcontent-1b0a567c5b681efd2f102ee44543f1b5"  checked>
+    <label class="expand-label" for="expand-1b0a567c5b681efd2f102ee44543f1b5" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-3d3af7da1287cea1606f76b3154b1df3" class="expand-content">
+    <div id="expandcontent-1b0a567c5b681efd2f102ee44543f1b5" 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-eac63b3b5b7063f048dea280b6c9b328" aria-controls="expandcontent-eac63b3b5b7063f048dea280b6c9b328" >
-    <label class="expand-label" for="expand-eac63b3b5b7063f048dea280b6c9b328" >
+    <input type="checkbox" id="expand-39b51fe86654bb040e7043f384ed708a" aria-controls="expandcontent-39b51fe86654bb040e7043f384ed708a" >
+    <label class="expand-label" for="expand-39b51fe86654bb040e7043f384ed708a" >
         <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-eac63b3b5b7063f048dea280b6c9b328" class="expand-content">
+    <div id="expandcontent-39b51fe86654bb040e7043f384ed708a" 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?1691874880" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691874880" defer></script>
-    <script src="../../js/theme.js?1691874880" defer></script>
+    <script src="../../js/clipboard.min.js?1691877024" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691877024" defer></script>
+    <script src="../../js/theme.js?1691877024" defer></script>
   </body>
 </html>
diff --git a/shortcodes/highlight/index.html b/shortcodes/highlight/index.html
index 1a7b39c5a6..51e85ad8e1 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691874879" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691874879" rel="stylesheet">
-    <link href="../../css/fonts.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691874879" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691874879" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691874879" rel="stylesheet">
-    <link href="../../css/print.css?1691874879" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1691874879" rel="stylesheet">
-    <script src="../../js/url.js?1691874879"></script>
-    <script src="../../js/variant.js?1691874879"></script>
+    <link href="../../css/fontawesome-all.min.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691877023" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691877023" rel="stylesheet">
+    <link href="../../css/fonts.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691877023" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691877023" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691877023" rel="stylesheet">
+    <link href="../../css/print.css?1691877023" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1691877023" rel="stylesheet">
+    <script src="../../js/url.js?1691877023"></script>
+    <script src="../../js/variant.js?1691877023"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -411,12 +411,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1691874879" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1691874879" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691874879" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1691874879" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1691874879" defer></script>
-        <script src="../../js/search.js?1691874879" defer></script>
+        <script src="../../js/auto-complete.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1691877023" defer></script>
+        <script src="../../js/search.js?1691877023" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -546,8 +546,7 @@
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -555,25 +554,37 @@
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../js/github-buttons.js?1691874879"></script>
+          <script async src="../../js/github-buttons.js?1691877023"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1691874879" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691874879" defer></script>
-    <script src="../../js/theme.js?1691874879" defer></script>
+    <script src="../../js/clipboard.min.js?1691877023" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691877023" defer></script>
+    <script src="../../js/theme.js?1691877023" defer></script>
   </body>
 </html>
diff --git a/shortcodes/highlight/index.print.html b/shortcodes/highlight/index.print.html
index abdf38f105..1b9a9ae759 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1691874880" rel="stylesheet">
-    <link href="../../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../../js/url.js?1691874880"></script>
-    <script src="../../js/variant.js?1691874880"></script>
+    <link href="../../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1691877024" rel="stylesheet">
+    <link href="../../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../../js/url.js?1691877024"></script>
+    <script src="../../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -292,8 +292,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1691874880" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691874880" defer></script>
-    <script src="../../js/theme.js?1691874880" defer></script>
+    <script src="../../js/clipboard.min.js?1691877024" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691877024" defer></script>
+    <script src="../../js/theme.js?1691877024" defer></script>
   </body>
 </html>
diff --git a/shortcodes/icon/index.html b/shortcodes/icon/index.html
index 864c6cc46d..8b8cc27c12 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691874879" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691874879" rel="stylesheet">
-    <link href="../../css/fonts.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691874879" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691874879" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691874879" rel="stylesheet">
-    <link href="../../css/print.css?1691874879" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1691874879" rel="stylesheet">
-    <script src="../../js/url.js?1691874879"></script>
-    <script src="../../js/variant.js?1691874879"></script>
+    <link href="../../css/fontawesome-all.min.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691877023" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691877023" rel="stylesheet">
+    <link href="../../css/fonts.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691877023" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691877023" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691877023" rel="stylesheet">
+    <link href="../../css/print.css?1691877023" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1691877023" rel="stylesheet">
+    <script src="../../js/url.js?1691877023"></script>
+    <script src="../../js/variant.js?1691877023"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -318,12 +318,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1691874879" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1691874879" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691874879" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1691874879" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1691874879" defer></script>
-        <script src="../../js/search.js?1691874879" defer></script>
+        <script src="../../js/auto-complete.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1691877023" defer></script>
+        <script src="../../js/search.js?1691877023" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -453,8 +453,7 @@
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -462,25 +461,37 @@
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../js/github-buttons.js?1691874879"></script>
+          <script async src="../../js/github-buttons.js?1691877023"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1691874879" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691874879" defer></script>
-    <script src="../../js/theme.js?1691874879" defer></script>
+    <script src="../../js/clipboard.min.js?1691877023" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691877023" defer></script>
+    <script src="../../js/theme.js?1691877023" defer></script>
   </body>
 </html>
diff --git a/shortcodes/icon/index.print.html b/shortcodes/icon/index.print.html
index 4938ea30f7..373969e77b 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1691874880" rel="stylesheet">
-    <link href="../../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../../js/url.js?1691874880"></script>
-    <script src="../../js/variant.js?1691874880"></script>
+    <link href="../../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1691877024" rel="stylesheet">
+    <link href="../../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../../js/url.js?1691877024"></script>
+    <script src="../../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -204,8 +204,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1691874880" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691874880" defer></script>
-    <script src="../../js/theme.js?1691874880" defer></script>
+    <script src="../../js/clipboard.min.js?1691877024" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691877024" defer></script>
+    <script src="../../js/theme.js?1691877024" defer></script>
   </body>
 </html>
diff --git a/shortcodes/include/index.html b/shortcodes/include/index.html
index 578db29187..75f5094009 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691874879" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691874879" rel="stylesheet">
-    <link href="../../css/fonts.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691874879" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691874879" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691874879" rel="stylesheet">
-    <link href="../../css/print.css?1691874879" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1691874879" rel="stylesheet">
-    <script src="../../js/url.js?1691874879"></script>
-    <script src="../../js/variant.js?1691874879"></script>
+    <link href="../../css/fontawesome-all.min.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691877023" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691877023" rel="stylesheet">
+    <link href="../../css/fonts.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691877023" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691877023" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691877023" rel="stylesheet">
+    <link href="../../css/print.css?1691877023" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1691877023" rel="stylesheet">
+    <script src="../../js/url.js?1691877023"></script>
+    <script src="../../js/variant.js?1691877023"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -308,12 +308,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1691874879" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1691874879" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691874879" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1691874879" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1691874879" defer></script>
-        <script src="../../js/search.js?1691874879" defer></script>
+        <script src="../../js/auto-complete.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1691877023" defer></script>
+        <script src="../../js/search.js?1691877023" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -443,8 +443,7 @@
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -452,25 +451,37 @@
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../js/github-buttons.js?1691874879"></script>
+          <script async src="../../js/github-buttons.js?1691877023"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1691874879" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691874879" defer></script>
-    <script src="../../js/theme.js?1691874879" defer></script>
+    <script src="../../js/clipboard.min.js?1691877023" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691877023" defer></script>
+    <script src="../../js/theme.js?1691877023" defer></script>
   </body>
 </html>
diff --git a/shortcodes/include/index.print.html b/shortcodes/include/index.print.html
index f3d4073527..0ed079be6b 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1691874880" rel="stylesheet">
-    <link href="../../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../../js/url.js?1691874880"></script>
-    <script src="../../js/variant.js?1691874880"></script>
+    <link href="../../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1691877024" rel="stylesheet">
+    <link href="../../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../../js/url.js?1691877024"></script>
+    <script src="../../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -197,8 +197,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1691874880" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691874880" defer></script>
-    <script src="../../js/theme.js?1691874880" defer></script>
+    <script src="../../js/clipboard.min.js?1691877024" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691877024" defer></script>
+    <script src="../../js/theme.js?1691877024" defer></script>
   </body>
 </html>
diff --git a/shortcodes/include_me/index.html b/shortcodes/include_me/index.html
index 0645b06519..eb41a6f726 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691874879" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691874879" rel="stylesheet">
-    <link href="../../css/fonts.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691874879" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691874879" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691874879" rel="stylesheet">
-    <link href="../../css/print.css?1691874879" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1691874879" rel="stylesheet">
-    <script src="../../js/url.js?1691874879"></script>
-    <script src="../../js/variant.js?1691874879"></script>
+    <link href="../../css/fontawesome-all.min.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691877023" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691877023" rel="stylesheet">
+    <link href="../../css/fonts.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691877023" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691877023" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691877023" rel="stylesheet">
+    <link href="../../css/print.css?1691877023" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1691877023" rel="stylesheet">
+    <script src="../../js/url.js?1691877023"></script>
+    <script src="../../js/variant.js?1691877023"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -192,12 +192,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1691874879" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1691874879" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691874879" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1691874879" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1691874879" defer></script>
-        <script src="../../js/search.js?1691874879" defer></script>
+        <script src="../../js/auto-complete.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1691877023" defer></script>
+        <script src="../../js/search.js?1691877023" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -327,8 +327,7 @@
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -336,25 +335,37 @@
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../js/github-buttons.js?1691874879"></script>
+          <script async src="../../js/github-buttons.js?1691877023"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1691874879" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691874879" defer></script>
-    <script src="../../js/theme.js?1691874879" defer></script>
+    <script src="../../js/clipboard.min.js?1691877023" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691877023" defer></script>
+    <script src="../../js/theme.js?1691877023" defer></script>
   </body>
 </html>
diff --git a/shortcodes/include_me/index.print.html b/shortcodes/include_me/index.print.html
index 2b302c97db..c609663aa2 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1691874880" rel="stylesheet">
-    <link href="../../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../../js/url.js?1691874880"></script>
-    <script src="../../js/variant.js?1691874880"></script>
+    <link href="../../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1691877024" rel="stylesheet">
+    <link href="../../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../../js/url.js?1691877024"></script>
+    <script src="../../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -100,8 +100,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1691874880" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691874880" defer></script>
-    <script src="../../js/theme.js?1691874880" defer></script>
+    <script src="../../js/clipboard.min.js?1691877024" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691877024" defer></script>
+    <script src="../../js/theme.js?1691877024" defer></script>
   </body>
 </html>
diff --git a/shortcodes/index.html b/shortcodes/index.html
index 9fbce23021..9d391d3b2b 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1691874879" rel="stylesheet">
-    <link href="../css/auto-complete.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1691874879" rel="stylesheet">
-    <link href="../css/fonts.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1691874879" rel="stylesheet">
-    <link href="../css/theme-auto.css?1691874879" rel="stylesheet" id="variant-style">
-    <link href="../css/variant.css?1691874879" rel="stylesheet">
-    <link href="../css/print.css?1691874879" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1691874879" rel="stylesheet">
-    <script src="../js/url.js?1691874879"></script>
-    <script src="../js/variant.js?1691874879"></script>
+    <link href="../css/fontawesome-all.min.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1691877023" rel="stylesheet">
+    <link href="../css/auto-complete.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1691877023" rel="stylesheet">
+    <link href="../css/fonts.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1691877023" rel="stylesheet">
+    <link href="../css/theme-auto.css?1691877023" rel="stylesheet" id="variant-style">
+    <link href="../css/variant.css?1691877023" rel="stylesheet">
+    <link href="../css/print.css?1691877023" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1691877023" rel="stylesheet">
+    <script src="../js/url.js?1691877023"></script>
+    <script src="../js/variant.js?1691877023"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -200,12 +200,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1691874880" defer></script>
-        <script src="../js/lunr/lunr.min.js?1691874880" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1691874880" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1691874880" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1691874880" defer></script>
-        <script src="../js/search.js?1691874880" defer></script>
+        <script src="../js/auto-complete.js?1691877023" defer></script>
+        <script src="../js/lunr/lunr.min.js?1691877023" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1691877023" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1691877023" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1691877023" defer></script>
+        <script src="../js/search.js?1691877023" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -335,8 +335,7 @@
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -344,25 +343,37 @@
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../js/github-buttons.js?1691874880"></script>
+          <script async src="../js/github-buttons.js?1691877023"></script>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1691874880" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1691874880" defer></script>
-    <script src="../js/theme.js?1691874880" defer></script>
+    <script src="../js/clipboard.min.js?1691877023" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1691877023" defer></script>
+    <script src="../js/theme.js?1691877023" defer></script>
   </body>
 </html>
diff --git a/shortcodes/index.print.html b/shortcodes/index.print.html
index c3c13ac060..1fff2e9743 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../css/format-print.css?1691874880" rel="stylesheet">
-    <link href="../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../js/url.js?1691874880"></script>
-    <script src="../js/variant.js?1691874880"></script>
+    <link href="../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../css/format-print.css?1691877024" rel="stylesheet">
+    <link href="../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../js/url.js?1691877024"></script>
+    <script src="../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -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-c31d9c8b009fa2bd69b4c4198fdb7d1a" aria-controls="expandcontent-c31d9c8b009fa2bd69b4c4198fdb7d1a" >
-    <label class="expand-label" for="expand-c31d9c8b009fa2bd69b4c4198fdb7d1a" >
+    <input type="checkbox" id="expand-2b133b7204aa2a48626db983a309ccd2" aria-controls="expandcontent-2b133b7204aa2a48626db983a309ccd2" >
+    <label class="expand-label" for="expand-2b133b7204aa2a48626db983a309ccd2" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-c31d9c8b009fa2bd69b4c4198fdb7d1a" class="expand-content">
+    <div id="expandcontent-2b133b7204aa2a48626db983a309ccd2" 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-6c44ff89f00dcecfa6a4b368d01ff625" aria-controls="expandcontent-6c44ff89f00dcecfa6a4b368d01ff625" >
-    <label class="expand-label" for="expand-6c44ff89f00dcecfa6a4b368d01ff625" >
+    <input type="checkbox" id="expand-11f0628af9b58827d83c3c41b09db8db" aria-controls="expandcontent-11f0628af9b58827d83c3c41b09db8db" >
+    <label class="expand-label" for="expand-11f0628af9b58827d83c3c41b09db8db" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-6c44ff89f00dcecfa6a4b368d01ff625" class="expand-content">
+    <div id="expandcontent-11f0628af9b58827d83c3c41b09db8db" 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-3d3af7da1287cea1606f76b3154b1df3" aria-controls="expandcontent-3d3af7da1287cea1606f76b3154b1df3"  checked>
-    <label class="expand-label" for="expand-3d3af7da1287cea1606f76b3154b1df3" >
+    <input type="checkbox" id="expand-1b0a567c5b681efd2f102ee44543f1b5" aria-controls="expandcontent-1b0a567c5b681efd2f102ee44543f1b5"  checked>
+    <label class="expand-label" for="expand-1b0a567c5b681efd2f102ee44543f1b5" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-3d3af7da1287cea1606f76b3154b1df3" class="expand-content">
+    <div id="expandcontent-1b0a567c5b681efd2f102ee44543f1b5" 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-eac63b3b5b7063f048dea280b6c9b328" aria-controls="expandcontent-eac63b3b5b7063f048dea280b6c9b328" >
-    <label class="expand-label" for="expand-eac63b3b5b7063f048dea280b6c9b328" >
+    <input type="checkbox" id="expand-39b51fe86654bb040e7043f384ed708a" aria-controls="expandcontent-39b51fe86654bb040e7043f384ed708a" >
+    <label class="expand-label" for="expand-39b51fe86654bb040e7043f384ed708a" >
         <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-eac63b3b5b7063f048dea280b6c9b328" class="expand-content">
+    <div id="expandcontent-39b51fe86654bb040e7043f384ed708a" 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-48af792c94126412360b8e5a7579611e"
+    id="openapi-8eac61505c858d067b818ef5c6db3181"
     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="87afc46aacf3719466d5bb2fa02a4bb2">
+<div class="tab-panel" data-tab-group="a1e616229cb29296b53d6f19c1343a66">
   <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('87afc46aacf3719466d5bb2fa02a4bb2','config.toml')"
+      onclick="switchTab('a1e616229cb29296b53d6f19c1343a66','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="f85a61c5e9f2ac5de4670376032d7e0b">
+<div class="tab-panel" data-tab-group="7df3665f01fcedc696c03c272cda2556">
   <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('f85a61c5e9f2ac5de4670376032d7e0b','c')"
+      onclick="switchTab('7df3665f01fcedc696c03c272cda2556','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="1f069c348b257cf960898c481c33b557">
+<div class="tab-panel" data-tab-group="510b148f3078013e569dfca5a9a03917">
   <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('1f069c348b257cf960898c481c33b557','Code')"
+      onclick="switchTab('510b148f3078013e569dfca5a9a03917','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="c369d618eca1471c4fb6fdff24b87296">
+<div class="tab-panel" data-tab-group="c900555003ffafa5e34094e3164f1244">
   <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('c369d618eca1471c4fb6fdff24b87296','Mixed')"
+      onclick="switchTab('c900555003ffafa5e34094e3164f1244','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="d2a189c9436440a65f7001f31d479f00">
+<div class="tab-panel" data-tab-group="6b6ac694e57cf8cf35cb77257f4b62ea">
   <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('d2a189c9436440a65f7001f31d479f00','just colored style')"
+      onclick="switchTab('6b6ac694e57cf8cf35cb77257f4b62ea','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('d2a189c9436440a65f7001f31d479f00','just color')"
+      onclick="switchTab('6b6ac694e57cf8cf35cb77257f4b62ea','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('d2a189c9436440a65f7001f31d479f00','default style and color')"
+      onclick="switchTab('6b6ac694e57cf8cf35cb77257f4b62ea','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('d2a189c9436440a65f7001f31d479f00','just severity stylefa-fw fas fa-info-circle')"
+      onclick="switchTab('6b6ac694e57cf8cf35cb77257f4b62ea','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('d2a189c9436440a65f7001f31d479f00','severity style and colorfa-fw fas fa-info-circle')"
+      onclick="switchTab('6b6ac694e57cf8cf35cb77257f4b62ea','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="ae1eb891366afe0104628acc6f8fb4b0">
+<div class="tab-panel" data-tab-group="827c383ee8f05fe725bb573c7f07815b">
   <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('ae1eb891366afe0104628acc6f8fb4b0','py')"
+      onclick="switchTab('827c383ee8f05fe725bb573c7f07815b','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('ae1eb891366afe0104628acc6f8fb4b0','sh')"
+      onclick="switchTab('827c383ee8f05fe725bb573c7f07815b','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('ae1eb891366afe0104628acc6f8fb4b0','c')"
+      onclick="switchTab('827c383ee8f05fe725bb573c7f07815b','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="fb418757accd24f83de405bf2c9ef8e3">
+<div class="tab-panel" data-tab-group="aba94e3332baf919a6575cd7caa0f7b9">
   <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('fb418757accd24f83de405bf2c9ef8e3','Group A, Tab View 1')"
+      onclick="switchTab('aba94e3332baf919a6575cd7caa0f7b9','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('fb418757accd24f83de405bf2c9ef8e3','Group A, Tab View 2')"
+      onclick="switchTab('aba94e3332baf919a6575cd7caa0f7b9','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('fb418757accd24f83de405bf2c9ef8e3','Group B')"
+      onclick="switchTab('aba94e3332baf919a6575cd7caa0f7b9','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?1691874880" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1691874880" defer></script>
+    <script src="../js/clipboard.min.js?1691877024" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1691877024" 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?1691874880"></script>
-    <script src="../js/d3/d3-color.min.js?1691874880" defer></script>
-    <script src="../js/d3/d3-dispatch.min.js?1691874880" defer></script>
-    <script src="../js/d3/d3-drag.min.js?1691874880" defer></script>
-    <script src="../js/d3/d3-ease.min.js?1691874880" defer></script>
-    <script src="../js/d3/d3-interpolate.min.js?1691874880" defer></script>
-    <script src="../js/d3/d3-selection.min.js?1691874880" defer></script>
-    <script src="../js/d3/d3-timer.min.js?1691874880" defer></script>
-    <script src="../js/d3/d3-transition.min.js?1691874880" defer></script>
-    <script src="../js/d3/d3-zoom.min.js?1691874880" defer></script>
-    <script src="../js/js-yaml.min.js?1691874880" defer></script>
-    <script src="../js/mermaid.min.js?1691874880" defer></script>
+    <script id="MathJax-script" async src="../js/mathjax/tex-mml-chtml.js?1691877024"></script>
+    <script src="../js/d3/d3-color.min.js?1691877024" defer></script>
+    <script src="../js/d3/d3-dispatch.min.js?1691877024" defer></script>
+    <script src="../js/d3/d3-drag.min.js?1691877024" defer></script>
+    <script src="../js/d3/d3-ease.min.js?1691877024" defer></script>
+    <script src="../js/d3/d3-interpolate.min.js?1691877024" defer></script>
+    <script src="../js/d3/d3-selection.min.js?1691877024" defer></script>
+    <script src="../js/d3/d3-timer.min.js?1691877024" defer></script>
+    <script src="../js/d3/d3-transition.min.js?1691877024" defer></script>
+    <script src="../js/d3/d3-zoom.min.js?1691877024" defer></script>
+    <script src="../js/js-yaml.min.js?1691877024" defer></script>
+    <script src="../js/mermaid.min.js?1691877024" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
     <script>window.noZensmooth = true;</script>
-    <script src="../js/swagger-ui/swagger-ui-bundle.js?1691874880" defer></script>
-    <script src="../js/swagger-ui/swagger-ui-standalone-preset.js?1691874880" defer></script>
+    <script src="../js/swagger-ui/swagger-ui-bundle.js?1691877024" defer></script>
+    <script src="../js/swagger-ui/swagger-ui-standalone-preset.js?1691877024" defer></script>
     <script>
-      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1691874880", assetsBuster:  1691874880  };
+      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1691877024", assetsBuster:  1691877024  };
     </script>
-    <script src="../js/theme.js?1691874880" defer></script>
+    <script src="../js/theme.js?1691877024" defer></script>
   </body>
 </html>
diff --git a/shortcodes/math/index.html b/shortcodes/math/index.html
index bfefec72c3..7958da812e 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691874879" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691874879" rel="stylesheet">
-    <link href="../../css/fonts.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691874879" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691874879" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691874879" rel="stylesheet">
-    <link href="../../css/print.css?1691874879" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1691874879" rel="stylesheet">
-    <script src="../../js/url.js?1691874879"></script>
-    <script src="../../js/variant.js?1691874879"></script>
+    <link href="../../css/fontawesome-all.min.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691877023" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691877023" rel="stylesheet">
+    <link href="../../css/fonts.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691877023" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691877023" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691877023" rel="stylesheet">
+    <link href="../../css/print.css?1691877023" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1691877023" rel="stylesheet">
+    <script src="../../js/url.js?1691877023"></script>
+    <script src="../../js/variant.js?1691877023"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -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?1691874879" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1691874879" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691874879" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1691874879" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1691874879" defer></script>
-        <script src="../../js/search.js?1691874879" defer></script>
+        <script src="../../js/auto-complete.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1691877023" defer></script>
+        <script src="../../js/search.js?1691877023" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -503,8 +503,7 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -512,25 +511,37 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../js/github-buttons.js?1691874879"></script>
+          <script async src="../../js/github-buttons.js?1691877023"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1691874879" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691874879" defer></script>
+    <script src="../../js/clipboard.min.js?1691877023" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691877023" defer></script>
     <script>
       function useMathJax( config ){
         if( !Object.assign ){
@@ -559,7 +570,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?1691874879"></script>
-    <script src="../../js/theme.js?1691874879" defer></script>
+    <script id="MathJax-script" async src="../../js/mathjax/tex-mml-chtml.js?1691877023"></script>
+    <script src="../../js/theme.js?1691877023" defer></script>
   </body>
 </html>
diff --git a/shortcodes/math/index.print.html b/shortcodes/math/index.print.html
index 6041ca3b49..bea4d25c33 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1691874880" rel="stylesheet">
-    <link href="../../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../../js/url.js?1691874880"></script>
-    <script src="../../js/variant.js?1691874880"></script>
+    <link href="../../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1691877024" rel="stylesheet">
+    <link href="../../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../../js/url.js?1691877024"></script>
+    <script src="../../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -248,8 +248,8 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1691874880" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691874880" defer></script>
+    <script src="../../js/clipboard.min.js?1691877024" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691877024" 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?1691874880"></script>
-    <script src="../../js/theme.js?1691874880" defer></script>
+    <script id="MathJax-script" async src="../../js/mathjax/tex-mml-chtml.js?1691877024"></script>
+    <script src="../../js/theme.js?1691877024" defer></script>
   </body>
 </html>
diff --git a/shortcodes/mermaid/index.html b/shortcodes/mermaid/index.html
index 1d2955e142..3c9b865171 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691874879" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691874879" rel="stylesheet">
-    <link href="../../css/fonts.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691874879" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691874879" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691874879" rel="stylesheet">
-    <link href="../../css/print.css?1691874879" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1691874879" rel="stylesheet">
-    <script src="../../js/url.js?1691874879"></script>
-    <script src="../../js/variant.js?1691874879"></script>
+    <link href="../../css/fontawesome-all.min.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691877023" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691877023" rel="stylesheet">
+    <link href="../../css/fonts.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691877023" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691877023" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691877023" rel="stylesheet">
+    <link href="../../css/print.css?1691877023" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1691877023" rel="stylesheet">
+    <script src="../../js/url.js?1691877023"></script>
+    <script src="../../js/variant.js?1691877023"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -842,12 +842,12 @@ Electricity grid,H2 conversion,27.14
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1691874879" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1691874879" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691874879" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1691874879" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1691874879" defer></script>
-        <script src="../../js/search.js?1691874879" defer></script>
+        <script src="../../js/auto-complete.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1691877023" defer></script>
+        <script src="../../js/search.js?1691877023" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -977,8 +977,7 @@ Electricity grid,H2 conversion,27.14
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -986,39 +985,51 @@ Electricity grid,H2 conversion,27.14
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../js/github-buttons.js?1691874879"></script>
+          <script async src="../../js/github-buttons.js?1691877023"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1691874879" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691874879" defer></script>
-    <script src="../../js/d3/d3-color.min.js?1691874879" defer></script>
-    <script src="../../js/d3/d3-dispatch.min.js?1691874879" defer></script>
-    <script src="../../js/d3/d3-drag.min.js?1691874879" defer></script>
-    <script src="../../js/d3/d3-ease.min.js?1691874879" defer></script>
-    <script src="../../js/d3/d3-interpolate.min.js?1691874879" defer></script>
-    <script src="../../js/d3/d3-selection.min.js?1691874879" defer></script>
-    <script src="../../js/d3/d3-timer.min.js?1691874879" defer></script>
-    <script src="../../js/d3/d3-transition.min.js?1691874879" defer></script>
-    <script src="../../js/d3/d3-zoom.min.js?1691874879" defer></script>
-    <script src="../../js/js-yaml.min.js?1691874879" defer></script>
-    <script src="../../js/mermaid.min.js?1691874879" defer></script>
+    <script src="../../js/clipboard.min.js?1691877023" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691877023" defer></script>
+    <script src="../../js/d3/d3-color.min.js?1691877023" defer></script>
+    <script src="../../js/d3/d3-dispatch.min.js?1691877023" defer></script>
+    <script src="../../js/d3/d3-drag.min.js?1691877023" defer></script>
+    <script src="../../js/d3/d3-ease.min.js?1691877023" defer></script>
+    <script src="../../js/d3/d3-interpolate.min.js?1691877023" defer></script>
+    <script src="../../js/d3/d3-selection.min.js?1691877023" defer></script>
+    <script src="../../js/d3/d3-timer.min.js?1691877023" defer></script>
+    <script src="../../js/d3/d3-transition.min.js?1691877023" defer></script>
+    <script src="../../js/d3/d3-zoom.min.js?1691877023" defer></script>
+    <script src="../../js/js-yaml.min.js?1691877023" defer></script>
+    <script src="../../js/mermaid.min.js?1691877023" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../../js/theme.js?1691874879" defer></script>
+    <script src="../../js/theme.js?1691877023" defer></script>
   </body>
 </html>
diff --git a/shortcodes/mermaid/index.print.html b/shortcodes/mermaid/index.print.html
index c79cb3ca07..e17162cea3 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1691874880" rel="stylesheet">
-    <link href="../../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../../js/url.js?1691874880"></script>
-    <script src="../../js/variant.js?1691874880"></script>
+    <link href="../../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1691877024" rel="stylesheet">
+    <link href="../../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../../js/url.js?1691877024"></script>
+    <script src="../../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -711,22 +711,22 @@ Electricity grid,H2 conversion,27.14
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1691874880" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691874880" defer></script>
-    <script src="../../js/d3/d3-color.min.js?1691874880" defer></script>
-    <script src="../../js/d3/d3-dispatch.min.js?1691874880" defer></script>
-    <script src="../../js/d3/d3-drag.min.js?1691874880" defer></script>
-    <script src="../../js/d3/d3-ease.min.js?1691874880" defer></script>
-    <script src="../../js/d3/d3-interpolate.min.js?1691874880" defer></script>
-    <script src="../../js/d3/d3-selection.min.js?1691874880" defer></script>
-    <script src="../../js/d3/d3-timer.min.js?1691874880" defer></script>
-    <script src="../../js/d3/d3-transition.min.js?1691874880" defer></script>
-    <script src="../../js/d3/d3-zoom.min.js?1691874880" defer></script>
-    <script src="../../js/js-yaml.min.js?1691874880" defer></script>
-    <script src="../../js/mermaid.min.js?1691874880" defer></script>
+    <script src="../../js/clipboard.min.js?1691877024" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691877024" defer></script>
+    <script src="../../js/d3/d3-color.min.js?1691877024" defer></script>
+    <script src="../../js/d3/d3-dispatch.min.js?1691877024" defer></script>
+    <script src="../../js/d3/d3-drag.min.js?1691877024" defer></script>
+    <script src="../../js/d3/d3-ease.min.js?1691877024" defer></script>
+    <script src="../../js/d3/d3-interpolate.min.js?1691877024" defer></script>
+    <script src="../../js/d3/d3-selection.min.js?1691877024" defer></script>
+    <script src="../../js/d3/d3-timer.min.js?1691877024" defer></script>
+    <script src="../../js/d3/d3-transition.min.js?1691877024" defer></script>
+    <script src="../../js/d3/d3-zoom.min.js?1691877024" defer></script>
+    <script src="../../js/js-yaml.min.js?1691877024" defer></script>
+    <script src="../../js/mermaid.min.js?1691877024" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../../js/theme.js?1691874880" defer></script>
+    <script src="../../js/theme.js?1691877024" defer></script>
   </body>
 </html>
diff --git a/shortcodes/notice/index.html b/shortcodes/notice/index.html
index dc241c7080..699d57ce2f 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691874879" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691874879" rel="stylesheet">
-    <link href="../../css/fonts.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691874879" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691874879" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691874879" rel="stylesheet">
-    <link href="../../css/print.css?1691874879" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1691874879" rel="stylesheet">
-    <script src="../../js/url.js?1691874879"></script>
-    <script src="../../js/variant.js?1691874879"></script>
+    <link href="../../css/fontawesome-all.min.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691877023" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691877023" rel="stylesheet">
+    <link href="../../css/fonts.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691877023" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691877023" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691877023" rel="stylesheet">
+    <link href="../../css/print.css?1691877023" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1691877023" rel="stylesheet">
+    <script src="../../js/url.js?1691877023"></script>
+    <script src="../../js/variant.js?1691877023"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -539,12 +539,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1691874879" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1691874879" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691874879" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1691874879" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1691874879" defer></script>
-        <script src="../../js/search.js?1691874879" defer></script>
+        <script src="../../js/auto-complete.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1691877023" defer></script>
+        <script src="../../js/search.js?1691877023" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -674,8 +674,7 @@
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -683,25 +682,37 @@
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../js/github-buttons.js?1691874879"></script>
+          <script async src="../../js/github-buttons.js?1691877023"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1691874879" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691874879" defer></script>
-    <script src="../../js/theme.js?1691874879" defer></script>
+    <script src="../../js/clipboard.min.js?1691877023" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691877023" defer></script>
+    <script src="../../js/theme.js?1691877023" defer></script>
   </body>
 </html>
diff --git a/shortcodes/notice/index.print.html b/shortcodes/notice/index.print.html
index e37c9c9348..c51c6f9258 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1691874880" rel="stylesheet">
-    <link href="../../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../../js/url.js?1691874880"></script>
-    <script src="../../js/variant.js?1691874880"></script>
+    <link href="../../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1691877024" rel="stylesheet">
+    <link href="../../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../../js/url.js?1691877024"></script>
+    <script src="../../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -424,8 +424,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1691874880" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691874880" defer></script>
-    <script src="../../js/theme.js?1691874880" defer></script>
+    <script src="../../js/clipboard.min.js?1691877024" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691877024" defer></script>
+    <script src="../../js/theme.js?1691877024" defer></script>
   </body>
 </html>
diff --git a/shortcodes/openapi/index.html b/shortcodes/openapi/index.html
index e12adb2aab..e26969eb61 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691874879" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691874879" rel="stylesheet">
-    <link href="../../css/fonts.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691874879" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691874879" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691874879" rel="stylesheet">
-    <link href="../../css/print.css?1691874879" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1691874879" rel="stylesheet">
-    <script src="../../js/url.js?1691874879"></script>
-    <script src="../../js/variant.js?1691874879"></script>
+    <link href="../../css/fontawesome-all.min.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691877023" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691877023" rel="stylesheet">
+    <link href="../../css/fonts.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691877023" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691877023" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691877023" rel="stylesheet">
+    <link href="../../css/print.css?1691877023" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1691877023" rel="stylesheet">
+    <script src="../../js/url.js?1691877023"></script>
+    <script src="../../js/variant.js?1691877023"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -198,7 +198,7 @@
 <div class="sc-openapi-wrapper is-loading helper-loading-container">
   <div
     class="sc-openapi-container"
-    id="openapi-48af792c94126412360b8e5a7579611e"
+    id="openapi-8eac61505c858d067b818ef5c6db3181"
     openapi-url="../../shortcodes/openapi/petstore.json"
   ></div>
 </div>
@@ -288,12 +288,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1691874880" defer></script>
-        <script src="../../js/search.js?1691874880" defer></script>
+        <script src="../../js/auto-complete.js?1691877024" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1691877024" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691877024" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1691877024" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1691877024" defer></script>
+        <script src="../../js/search.js?1691877024" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -423,8 +423,7 @@
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -432,31 +431,43 @@
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../js/github-buttons.js?1691874880"></script>
+          <script async src="../../js/github-buttons.js?1691877024"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1691874880" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691874880" defer></script>
+    <script src="../../js/clipboard.min.js?1691877024" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691877024" defer></script>
     <script>window.noZensmooth = true;</script>
-    <script src="../../js/swagger-ui/swagger-ui-bundle.js?1691874880" defer></script>
-    <script src="../../js/swagger-ui/swagger-ui-standalone-preset.js?1691874880" defer></script>
+    <script src="../../js/swagger-ui/swagger-ui-bundle.js?1691877024" defer></script>
+    <script src="../../js/swagger-ui/swagger-ui-standalone-preset.js?1691877024" defer></script>
     <script>
-      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1691874880", assetsBuster:  1691874880  };
+      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1691877024", assetsBuster:  1691877024  };
     </script>
-    <script src="../../js/theme.js?1691874880" defer></script>
+    <script src="../../js/theme.js?1691877024" defer></script>
   </body>
 </html>
diff --git a/shortcodes/openapi/index.print.html b/shortcodes/openapi/index.print.html
index a8ac6838bf..418f8061c1 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1691874880" rel="stylesheet">
-    <link href="../../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../../js/url.js?1691874880"></script>
-    <script src="../../js/variant.js?1691874880"></script>
+    <link href="../../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1691877024" rel="stylesheet">
+    <link href="../../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../../js/url.js?1691877024"></script>
+    <script src="../../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -164,7 +164,7 @@
 <div class="sc-openapi-wrapper is-loading helper-loading-container">
   <div
     class="sc-openapi-container"
-    id="openapi-48af792c94126412360b8e5a7579611e"
+    id="openapi-8eac61505c858d067b818ef5c6db3181"
     openapi-url="../../shortcodes/openapi/petstore.json"
   ></div>
 </div>
@@ -177,14 +177,14 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1691874880" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691874880" defer></script>
+    <script src="../../js/clipboard.min.js?1691877024" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691877024" defer></script>
     <script>window.noZensmooth = true;</script>
-    <script src="../../js/swagger-ui/swagger-ui-bundle.js?1691874880" defer></script>
-    <script src="../../js/swagger-ui/swagger-ui-standalone-preset.js?1691874880" defer></script>
+    <script src="../../js/swagger-ui/swagger-ui-bundle.js?1691877024" defer></script>
+    <script src="../../js/swagger-ui/swagger-ui-standalone-preset.js?1691877024" defer></script>
     <script>
-      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1691874880", assetsBuster:  1691874880  };
+      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1691877024", assetsBuster:  1691877024  };
     </script>
-    <script src="../../js/theme.js?1691874880" defer></script>
+    <script src="../../js/theme.js?1691877024" defer></script>
   </body>
 </html>
diff --git a/shortcodes/siteparam/index.html b/shortcodes/siteparam/index.html
index d66888c28d..d37726f51c 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691874879" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691874879" rel="stylesheet">
-    <link href="../../css/fonts.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691874879" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691874879" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691874879" rel="stylesheet">
-    <link href="../../css/print.css?1691874879" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1691874879" rel="stylesheet">
-    <script src="../../js/url.js?1691874879"></script>
-    <script src="../../js/variant.js?1691874879"></script>
+    <link href="../../css/fontawesome-all.min.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691877023" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691877023" rel="stylesheet">
+    <link href="../../css/fonts.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691877023" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691877023" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691877023" rel="stylesheet">
+    <link href="../../css/print.css?1691877023" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1691877023" rel="stylesheet">
+    <script src="../../js/url.js?1691877023"></script>
+    <script src="../../js/variant.js?1691877023"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -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="87afc46aacf3719466d5bb2fa02a4bb2">
+<div class="tab-panel" data-tab-group="a1e616229cb29296b53d6f19c1343a66">
   <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('87afc46aacf3719466d5bb2fa02a4bb2','config.toml')"
+      onclick="switchTab('a1e616229cb29296b53d6f19c1343a66','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?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1691874880" defer></script>
-        <script src="../../js/search.js?1691874880" defer></script>
+        <script src="../../js/auto-complete.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1691877023" defer></script>
+        <script src="../../js/search.js?1691877023" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -450,8 +450,7 @@
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -459,25 +458,37 @@
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../js/github-buttons.js?1691874880"></script>
+          <script async src="../../js/github-buttons.js?1691877023"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1691874880" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691874880" defer></script>
-    <script src="../../js/theme.js?1691874880" defer></script>
+    <script src="../../js/clipboard.min.js?1691877023" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691877023" defer></script>
+    <script src="../../js/theme.js?1691877023" defer></script>
   </body>
 </html>
diff --git a/shortcodes/siteparam/index.print.html b/shortcodes/siteparam/index.print.html
index 35fbe6ae3f..64fb49f35a 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1691874880" rel="stylesheet">
-    <link href="../../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../../js/url.js?1691874880"></script>
-    <script src="../../js/variant.js?1691874880"></script>
+    <link href="../../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1691877024" rel="stylesheet">
+    <link href="../../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../../js/url.js?1691877024"></script>
+    <script src="../../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -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="87afc46aacf3719466d5bb2fa02a4bb2">
+<div class="tab-panel" data-tab-group="a1e616229cb29296b53d6f19c1343a66">
   <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('87afc46aacf3719466d5bb2fa02a4bb2','config.toml')"
+      onclick="switchTab('a1e616229cb29296b53d6f19c1343a66','config.toml')"
     >
       <div>
         <div class="tab-nav-hidden">config.toml</div>
@@ -203,8 +203,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1691874880" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691874880" defer></script>
-    <script src="../../js/theme.js?1691874880" defer></script>
+    <script src="../../js/clipboard.min.js?1691877024" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691877024" defer></script>
+    <script src="../../js/theme.js?1691877024" defer></script>
   </body>
 </html>
diff --git a/shortcodes/tab/index.html b/shortcodes/tab/index.html
index 97aa57cc5f..196aaff5a4 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691874879" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691874879" rel="stylesheet">
-    <link href="../../css/fonts.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691874879" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691874879" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691874879" rel="stylesheet">
-    <link href="../../css/print.css?1691874879" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1691874879" rel="stylesheet">
-    <script src="../../js/url.js?1691874879"></script>
-    <script src="../../js/variant.js?1691874879"></script>
+    <link href="../../css/fontawesome-all.min.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691877023" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691877023" rel="stylesheet">
+    <link href="../../css/fonts.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691877023" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691877023" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691877023" rel="stylesheet">
+    <link href="../../css/print.css?1691877023" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1691877023" rel="stylesheet">
+    <script src="../../js/url.js?1691877023"></script>
+    <script src="../../js/variant.js?1691877023"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -116,13 +116,13 @@
 <p>This 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="f85a61c5e9f2ac5de4670376032d7e0b">
+<div class="tab-panel" data-tab-group="7df3665f01fcedc696c03c272cda2556">
   <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('f85a61c5e9f2ac5de4670376032d7e0b','c')"
+      onclick="switchTab('7df3665f01fcedc696c03c272cda2556','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="1f069c348b257cf960898c481c33b557">
+<div class="tab-panel" data-tab-group="510b148f3078013e569dfca5a9a03917">
   <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('1f069c348b257cf960898c481c33b557','Code')"
+      onclick="switchTab('510b148f3078013e569dfca5a9a03917','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="c369d618eca1471c4fb6fdff24b87296">
+<div class="tab-panel" data-tab-group="c900555003ffafa5e34094e3164f1244">
   <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('c369d618eca1471c4fb6fdff24b87296','Mixed')"
+      onclick="switchTab('c900555003ffafa5e34094e3164f1244','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="d2a189c9436440a65f7001f31d479f00">
+<div class="tab-panel" data-tab-group="6b6ac694e57cf8cf35cb77257f4b62ea">
   <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('d2a189c9436440a65f7001f31d479f00','just colored style')"
+      onclick="switchTab('6b6ac694e57cf8cf35cb77257f4b62ea','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('d2a189c9436440a65f7001f31d479f00','just color')"
+      onclick="switchTab('6b6ac694e57cf8cf35cb77257f4b62ea','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('d2a189c9436440a65f7001f31d479f00','default style and color')"
+      onclick="switchTab('6b6ac694e57cf8cf35cb77257f4b62ea','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('d2a189c9436440a65f7001f31d479f00','just severity stylefa-fw fas fa-info-circle')"
+      onclick="switchTab('6b6ac694e57cf8cf35cb77257f4b62ea','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('d2a189c9436440a65f7001f31d479f00','severity style and colorfa-fw fas fa-info-circle')"
+      onclick="switchTab('6b6ac694e57cf8cf35cb77257f4b62ea','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?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1691874880" defer></script>
-        <script src="../../js/search.js?1691874880" defer></script>
+        <script src="../../js/auto-complete.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1691877023" defer></script>
+        <script src="../../js/search.js?1691877023" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -635,8 +635,7 @@
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -644,25 +643,37 @@
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../js/github-buttons.js?1691874880"></script>
+          <script async src="../../js/github-buttons.js?1691877023"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1691874880" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691874880" defer></script>
-    <script src="../../js/theme.js?1691874880" defer></script>
+    <script src="../../js/clipboard.min.js?1691877023" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691877023" defer></script>
+    <script src="../../js/theme.js?1691877023" defer></script>
   </body>
 </html>
diff --git a/shortcodes/tab/index.print.html b/shortcodes/tab/index.print.html
index 0f82a115ff..eca11cd14e 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1691874880" rel="stylesheet">
-    <link href="../../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../../js/url.js?1691874880"></script>
-    <script src="../../js/variant.js?1691874880"></script>
+    <link href="../../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1691877024" rel="stylesheet">
+    <link href="../../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../../js/url.js?1691877024"></script>
+    <script src="../../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -80,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="f85a61c5e9f2ac5de4670376032d7e0b">
+<div class="tab-panel" data-tab-group="7df3665f01fcedc696c03c272cda2556">
   <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('f85a61c5e9f2ac5de4670376032d7e0b','c')"
+      onclick="switchTab('7df3665f01fcedc696c03c272cda2556','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="1f069c348b257cf960898c481c33b557">
+<div class="tab-panel" data-tab-group="510b148f3078013e569dfca5a9a03917">
   <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('1f069c348b257cf960898c481c33b557','Code')"
+      onclick="switchTab('510b148f3078013e569dfca5a9a03917','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="c369d618eca1471c4fb6fdff24b87296">
+<div class="tab-panel" data-tab-group="c900555003ffafa5e34094e3164f1244">
   <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('c369d618eca1471c4fb6fdff24b87296','Mixed')"
+      onclick="switchTab('c900555003ffafa5e34094e3164f1244','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="d2a189c9436440a65f7001f31d479f00">
+<div class="tab-panel" data-tab-group="6b6ac694e57cf8cf35cb77257f4b62ea">
   <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('d2a189c9436440a65f7001f31d479f00','just colored style')"
+      onclick="switchTab('6b6ac694e57cf8cf35cb77257f4b62ea','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('d2a189c9436440a65f7001f31d479f00','just color')"
+      onclick="switchTab('6b6ac694e57cf8cf35cb77257f4b62ea','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('d2a189c9436440a65f7001f31d479f00','default style and color')"
+      onclick="switchTab('6b6ac694e57cf8cf35cb77257f4b62ea','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('d2a189c9436440a65f7001f31d479f00','just severity stylefa-fw fas fa-info-circle')"
+      onclick="switchTab('6b6ac694e57cf8cf35cb77257f4b62ea','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('d2a189c9436440a65f7001f31d479f00','severity style and colorfa-fw fas fa-info-circle')"
+      onclick="switchTab('6b6ac694e57cf8cf35cb77257f4b62ea','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?1691874880" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691874880" defer></script>
-    <script src="../../js/theme.js?1691874880" defer></script>
+    <script src="../../js/clipboard.min.js?1691877024" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691877024" defer></script>
+    <script src="../../js/theme.js?1691877024" defer></script>
   </body>
 </html>
diff --git a/shortcodes/tabs/index.html b/shortcodes/tabs/index.html
index bdb9cd61ba..939763a4f0 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691874879" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691874879" rel="stylesheet">
-    <link href="../../css/fonts.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691874879" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691874879" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691874879" rel="stylesheet">
-    <link href="../../css/print.css?1691874879" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1691874879" rel="stylesheet">
-    <script src="../../js/url.js?1691874879"></script>
-    <script src="../../js/variant.js?1691874879"></script>
+    <link href="../../css/fontawesome-all.min.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691877023" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691877023" rel="stylesheet">
+    <link href="../../css/fonts.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691877023" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691877023" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691877023" rel="stylesheet">
+    <link href="../../css/print.css?1691877023" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1691877023" rel="stylesheet">
+    <script src="../../js/url.js?1691877023"></script>
+    <script src="../../js/variant.js?1691877023"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -115,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="ae1eb891366afe0104628acc6f8fb4b0">
+<div class="tab-panel" data-tab-group="827c383ee8f05fe725bb573c7f07815b">
   <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('ae1eb891366afe0104628acc6f8fb4b0','py')"
+      onclick="switchTab('827c383ee8f05fe725bb573c7f07815b','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('ae1eb891366afe0104628acc6f8fb4b0','sh')"
+      onclick="switchTab('827c383ee8f05fe725bb573c7f07815b','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('ae1eb891366afe0104628acc6f8fb4b0','c')"
+      onclick="switchTab('827c383ee8f05fe725bb573c7f07815b','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="fb418757accd24f83de405bf2c9ef8e3">
+<div class="tab-panel" data-tab-group="aba94e3332baf919a6575cd7caa0f7b9">
   <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('fb418757accd24f83de405bf2c9ef8e3','Group A, Tab View 1')"
+      onclick="switchTab('aba94e3332baf919a6575cd7caa0f7b9','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('fb418757accd24f83de405bf2c9ef8e3','Group A, Tab View 2')"
+      onclick="switchTab('aba94e3332baf919a6575cd7caa0f7b9','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('fb418757accd24f83de405bf2c9ef8e3','Group B')"
+      onclick="switchTab('aba94e3332baf919a6575cd7caa0f7b9','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?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1691874880" defer></script>
-        <script src="../../js/search.js?1691874880" defer></script>
+        <script src="../../js/auto-complete.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1691877023" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1691877023" defer></script>
+        <script src="../../js/search.js?1691877023" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -934,8 +934,7 @@
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -943,25 +942,37 @@
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../js/github-buttons.js?1691874880"></script>
+          <script async src="../../js/github-buttons.js?1691877023"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1691874880" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691874880" defer></script>
-    <script src="../../js/theme.js?1691874880" defer></script>
+    <script src="../../js/clipboard.min.js?1691877023" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691877023" defer></script>
+    <script src="../../js/theme.js?1691877023" defer></script>
   </body>
 </html>
diff --git a/shortcodes/tabs/index.print.html b/shortcodes/tabs/index.print.html
index d00bf1c107..7680b13a86 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1691874880" rel="stylesheet">
-    <link href="../../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../../js/url.js?1691874880"></script>
-    <script src="../../js/variant.js?1691874880"></script>
+    <link href="../../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1691877024" rel="stylesheet">
+    <link href="../../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../../js/url.js?1691877024"></script>
+    <script src="../../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -80,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="ae1eb891366afe0104628acc6f8fb4b0">
+<div class="tab-panel" data-tab-group="827c383ee8f05fe725bb573c7f07815b">
   <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('ae1eb891366afe0104628acc6f8fb4b0','py')"
+      onclick="switchTab('827c383ee8f05fe725bb573c7f07815b','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('ae1eb891366afe0104628acc6f8fb4b0','sh')"
+      onclick="switchTab('827c383ee8f05fe725bb573c7f07815b','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('ae1eb891366afe0104628acc6f8fb4b0','c')"
+      onclick="switchTab('827c383ee8f05fe725bb573c7f07815b','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="fb418757accd24f83de405bf2c9ef8e3">
+<div class="tab-panel" data-tab-group="aba94e3332baf919a6575cd7caa0f7b9">
   <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('fb418757accd24f83de405bf2c9ef8e3','Group A, Tab View 1')"
+      onclick="switchTab('aba94e3332baf919a6575cd7caa0f7b9','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('fb418757accd24f83de405bf2c9ef8e3','Group A, Tab View 2')"
+      onclick="switchTab('aba94e3332baf919a6575cd7caa0f7b9','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('fb418757accd24f83de405bf2c9ef8e3','Group B')"
+      onclick="switchTab('aba94e3332baf919a6575cd7caa0f7b9','Group B')"
     >
       <div>
         <div class="tab-nav-hidden">Group B</div>
@@ -687,8 +687,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1691874880" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691874880" defer></script>
-    <script src="../../js/theme.js?1691874880" defer></script>
+    <script src="../../js/clipboard.min.js?1691877024" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691877024" defer></script>
+    <script src="../../js/theme.js?1691877024" defer></script>
   </body>
 </html>
diff --git a/showcase/index.html b/showcase/index.html
index 19e668d9c3..32bbf2f318 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1691874879" rel="stylesheet">
-    <link href="../css/auto-complete.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1691874879" rel="stylesheet">
-    <link href="../css/fonts.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1691874879" rel="stylesheet">
-    <link href="../css/theme-auto.css?1691874879" rel="stylesheet" id="variant-style">
-    <link href="../css/variant.css?1691874879" rel="stylesheet">
-    <link href="../css/print.css?1691874879" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1691874879" rel="stylesheet">
-    <script src="../js/url.js?1691874879"></script>
-    <script src="../js/variant.js?1691874879"></script>
+    <link href="../css/fontawesome-all.min.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1691877023" rel="stylesheet">
+    <link href="../css/auto-complete.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1691877023" rel="stylesheet">
+    <link href="../css/fonts.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1691877023" rel="stylesheet">
+    <link href="../css/theme-auto.css?1691877023" rel="stylesheet" id="variant-style">
+    <link href="../css/variant.css?1691877023" rel="stylesheet">
+    <link href="../css/print.css?1691877023" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1691877023" rel="stylesheet">
+    <script src="../js/url.js?1691877023"></script>
+    <script src="../js/variant.js?1691877023"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -105,28 +105,28 @@
 <h2 id="gobolinux-wikihttpswikigobolinuxorg-by-neonsysorg"><a href="https://wiki.gobolinux.org/" target="_blank">GoboLinux Wiki</a> by NEONsys.org</h2>
 <p>
 		
-<a href="#image-1135ace6670aeb6dd6275fb488c75a0d" class="lightbox-link">
+<a href="#image-ba77b248e2595ed47c26e26f9b157fe7" 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-1135ace6670aeb6dd6275fb488c75a0d">
+<a href="javascript:history.back();" class="lightbox" id="image-ba77b248e2595ed47c26e26f9b157fe7">
 <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-6c1dd972db02593b6af41e5696c0fb93" class="lightbox-link">
+<a href="#image-3a58f87cb62cc688ea505262f589834a" 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-6c1dd972db02593b6af41e5696c0fb93">
+<a href="javascript:history.back();" class="lightbox" id="image-3a58f87cb62cc688ea505262f589834a">
 <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-5fdd1d89a85be93379ad6cd80c4c088c" class="lightbox-link">
+<a href="#image-25998a1ffe28bf4930a5bd332689f3b9" 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-5fdd1d89a85be93379ad6cd80c4c088c">
+<a href="javascript:history.back();" class="lightbox" id="image-25998a1ffe28bf4930a5bd332689f3b9">
 <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?1691874880" defer></script>
-        <script src="../js/lunr/lunr.min.js?1691874880" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1691874880" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1691874880" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1691874880" defer></script>
-        <script src="../js/search.js?1691874880" defer></script>
+        <script src="../js/auto-complete.js?1691877024" defer></script>
+        <script src="../js/lunr/lunr.min.js?1691877024" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1691877024" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1691877024" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1691877024" defer></script>
+        <script src="../js/search.js?1691877024" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -350,8 +350,7 @@
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -359,25 +358,37 @@
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../js/github-buttons.js?1691874880"></script>
+          <script async src="../js/github-buttons.js?1691877024"></script>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1691874880" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1691874880" defer></script>
-    <script src="../js/theme.js?1691874880" defer></script>
+    <script src="../js/clipboard.min.js?1691877024" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1691877024" defer></script>
+    <script src="../js/theme.js?1691877024" defer></script>
   </body>
 </html>
diff --git a/showcase/index.print.html b/showcase/index.print.html
index 7cdeb00ab9..8a602a088f 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1691874880" rel="stylesheet">
-    <link href="../css/auto-complete.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1691874880" rel="stylesheet">
-    <link href="../css/fonts.css?1691874880" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1691874880" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1691874880" rel="stylesheet">
-    <link href="../css/theme-auto.css?1691874880" rel="stylesheet" id="variant-style">
-    <link href="../css/variant.css?1691874880" rel="stylesheet">
-    <link href="../css/print.css?1691874880" rel="stylesheet" media="print">
-    <link href="../css/format-print.css?1691874880" rel="stylesheet">
-    <link href="../css/ie.css?1691874880" rel="stylesheet">
-    <script src="../js/url.js?1691874880"></script>
-    <script src="../js/variant.js?1691874880"></script>
+    <link href="../css/fontawesome-all.min.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1691877024" rel="stylesheet">
+    <link href="../css/auto-complete.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1691877024" rel="stylesheet">
+    <link href="../css/fonts.css?1691877024" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1691877024" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1691877024" rel="stylesheet">
+    <link href="../css/theme-auto.css?1691877024" rel="stylesheet" id="variant-style">
+    <link href="../css/variant.css?1691877024" rel="stylesheet">
+    <link href="../css/print.css?1691877024" rel="stylesheet" media="print">
+    <link href="../css/format-print.css?1691877024" rel="stylesheet">
+    <link href="../css/ie.css?1691877024" rel="stylesheet">
+    <script src="../js/url.js?1691877024"></script>
+    <script src="../js/variant.js?1691877024"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -78,28 +78,28 @@
 <h2 id="gobolinux-wikihttpswikigobolinuxorg-by-neonsysorg"><a href="https://wiki.gobolinux.org/" target="_blank">GoboLinux Wiki</a> by NEONsys.org</h2>
 <p>
 		
-<a href="#image-1135ace6670aeb6dd6275fb488c75a0d" class="lightbox-link">
+<a href="#image-ba77b248e2595ed47c26e26f9b157fe7" 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-1135ace6670aeb6dd6275fb488c75a0d">
+<a href="javascript:history.back();" class="lightbox" id="image-ba77b248e2595ed47c26e26f9b157fe7">
 <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-6c1dd972db02593b6af41e5696c0fb93" class="lightbox-link">
+<a href="#image-3a58f87cb62cc688ea505262f589834a" 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-6c1dd972db02593b6af41e5696c0fb93">
+<a href="javascript:history.back();" class="lightbox" id="image-3a58f87cb62cc688ea505262f589834a">
 <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-5fdd1d89a85be93379ad6cd80c4c088c" class="lightbox-link">
+<a href="#image-25998a1ffe28bf4930a5bd332689f3b9" 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-5fdd1d89a85be93379ad6cd80c4c088c">
+<a href="javascript:history.back();" class="lightbox" id="image-25998a1ffe28bf4930a5bd332689f3b9">
 <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?1691874880" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1691874880" defer></script>
-    <script src="../js/theme.js?1691874880" defer></script>
+    <script src="../js/clipboard.min.js?1691877024" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1691877024" defer></script>
+    <script src="../js/theme.js?1691877024" defer></script>
   </body>
 </html>
diff --git a/tags/children/index.html b/tags/children/index.html
index 5f0d05547c..c16dbffe36 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691874879" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691874879" rel="stylesheet">
-    <link href="../../css/fonts.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691874879" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691874879" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691874879" rel="stylesheet">
-    <link href="../../css/print.css?1691874879" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1691874879" rel="stylesheet">
-    <script src="../../js/url.js?1691874879"></script>
-    <script src="../../js/variant.js?1691874879"></script>
+    <link href="../../css/fontawesome-all.min.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691877023" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691877023" rel="stylesheet">
+    <link href="../../css/fonts.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691877023" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691877023" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691877023" rel="stylesheet">
+    <link href="../../css/print.css?1691877023" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1691877023" rel="stylesheet">
+    <script src="../../js/url.js?1691877023"></script>
+    <script src="../../js/variant.js?1691877023"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -180,12 +180,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1691874880" defer></script>
-        <script src="../../js/search.js?1691874880" defer></script>
+        <script src="../../js/auto-complete.js?1691877024" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1691877024" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691877024" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1691877024" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1691877024" defer></script>
+        <script src="../../js/search.js?1691877024" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -315,8 +315,7 @@
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -324,25 +323,37 @@
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../js/github-buttons.js?1691874880"></script>
+          <script async src="../../js/github-buttons.js?1691877024"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1691874880" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691874880" defer></script>
-    <script src="../../js/theme.js?1691874880" defer></script>
+    <script src="../../js/clipboard.min.js?1691877024" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691877024" defer></script>
+    <script src="../../js/theme.js?1691877024" defer></script>
   </body>
 </html>
diff --git a/tags/config/index.html b/tags/config/index.html
index 3a5d598f32..e39f3959a6 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691874879" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691874879" rel="stylesheet">
-    <link href="../../css/fonts.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691874879" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691874879" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691874879" rel="stylesheet">
-    <link href="../../css/print.css?1691874879" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1691874879" rel="stylesheet">
-    <script src="../../js/url.js?1691874879"></script>
-    <script src="../../js/variant.js?1691874879"></script>
+    <link href="../../css/fontawesome-all.min.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691877023" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691877023" rel="stylesheet">
+    <link href="../../css/fonts.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691877023" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691877023" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691877023" rel="stylesheet">
+    <link href="../../css/print.css?1691877023" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1691877023" rel="stylesheet">
+    <script src="../../js/url.js?1691877023"></script>
+    <script src="../../js/variant.js?1691877023"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -166,12 +166,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1691874880" defer></script>
-        <script src="../../js/search.js?1691874880" defer></script>
+        <script src="../../js/auto-complete.js?1691877024" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1691877024" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691877024" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1691877024" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1691877024" defer></script>
+        <script src="../../js/search.js?1691877024" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -301,8 +301,7 @@
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -310,25 +309,37 @@
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../js/github-buttons.js?1691874880"></script>
+          <script async src="../../js/github-buttons.js?1691877024"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1691874880" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691874880" defer></script>
-    <script src="../../js/theme.js?1691874880" defer></script>
+    <script src="../../js/clipboard.min.js?1691877024" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691877024" defer></script>
+    <script src="../../js/theme.js?1691877024" defer></script>
   </body>
 </html>
diff --git a/tags/content/index.html b/tags/content/index.html
index 6fa6749fd3..b4b2b7b8be 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691874879" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691874879" rel="stylesheet">
-    <link href="../../css/fonts.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691874879" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691874879" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691874879" rel="stylesheet">
-    <link href="../../css/print.css?1691874879" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1691874879" rel="stylesheet">
-    <script src="../../js/url.js?1691874879"></script>
-    <script src="../../js/variant.js?1691874879"></script>
+    <link href="../../css/fontawesome-all.min.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691877023" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691877023" rel="stylesheet">
+    <link href="../../css/fonts.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691877023" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691877023" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691877023" rel="stylesheet">
+    <link href="../../css/print.css?1691877023" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1691877023" rel="stylesheet">
+    <script src="../../js/url.js?1691877023"></script>
+    <script src="../../js/variant.js?1691877023"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -166,12 +166,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1691874880" defer></script>
-        <script src="../../js/search.js?1691874880" defer></script>
+        <script src="../../js/auto-complete.js?1691877024" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1691877024" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691877024" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1691877024" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1691877024" defer></script>
+        <script src="../../js/search.js?1691877024" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -301,8 +301,7 @@
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -310,25 +309,37 @@
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../js/github-buttons.js?1691874880"></script>
+          <script async src="../../js/github-buttons.js?1691877024"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1691874880" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691874880" defer></script>
-    <script src="../../js/theme.js?1691874880" defer></script>
+    <script src="../../js/clipboard.min.js?1691877024" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691877024" defer></script>
+    <script src="../../js/theme.js?1691877024" defer></script>
   </body>
 </html>
diff --git a/tags/documentation/index.html b/tags/documentation/index.html
index 6cfdfb825c..00a2460ce6 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691874879" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691874879" rel="stylesheet">
-    <link href="../../css/fonts.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691874879" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691874879" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691874879" rel="stylesheet">
-    <link href="../../css/print.css?1691874879" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1691874879" rel="stylesheet">
-    <script src="../../js/url.js?1691874879"></script>
-    <script src="../../js/variant.js?1691874879"></script>
+    <link href="../../css/fontawesome-all.min.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691877023" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691877023" rel="stylesheet">
+    <link href="../../css/fonts.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691877023" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691877023" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691877023" rel="stylesheet">
+    <link href="../../css/print.css?1691877023" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1691877023" rel="stylesheet">
+    <script src="../../js/url.js?1691877023"></script>
+    <script src="../../js/variant.js?1691877023"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -163,12 +163,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1691874880" defer></script>
-        <script src="../../js/search.js?1691874880" defer></script>
+        <script src="../../js/auto-complete.js?1691877024" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1691877024" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691877024" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1691877024" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1691877024" defer></script>
+        <script src="../../js/search.js?1691877024" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -297,8 +297,7 @@
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -306,25 +305,37 @@
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../js/github-buttons.js?1691874880"></script>
+          <script async src="../../js/github-buttons.js?1691877024"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1691874880" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691874880" defer></script>
-    <script src="../../js/theme.js?1691874880" defer></script>
+    <script src="../../js/clipboard.min.js?1691877024" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691877024" defer></script>
+    <script src="../../js/theme.js?1691877024" defer></script>
   </body>
 </html>
diff --git a/tags/hidden/index.html b/tags/hidden/index.html
index 0d78a369a6..2ed4c4aa9c 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691874879" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691874879" rel="stylesheet">
-    <link href="../../css/fonts.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691874879" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691874879" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691874879" rel="stylesheet">
-    <link href="../../css/print.css?1691874879" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1691874879" rel="stylesheet">
-    <script src="../../js/url.js?1691874879"></script>
-    <script src="../../js/variant.js?1691874879"></script>
+    <link href="../../css/fontawesome-all.min.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691877023" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691877023" rel="stylesheet">
+    <link href="../../css/fonts.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691877023" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691877023" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691877023" rel="stylesheet">
+    <link href="../../css/print.css?1691877023" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1691877023" rel="stylesheet">
+    <script src="../../js/url.js?1691877023"></script>
+    <script src="../../js/variant.js?1691877023"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -170,12 +170,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1691874880" defer></script>
-        <script src="../../js/search.js?1691874880" defer></script>
+        <script src="../../js/auto-complete.js?1691877024" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1691877024" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691877024" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1691877024" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1691877024" defer></script>
+        <script src="../../js/search.js?1691877024" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -305,8 +305,7 @@
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -314,25 +313,37 @@
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../js/github-buttons.js?1691874880"></script>
+          <script async src="../../js/github-buttons.js?1691877024"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1691874880" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691874880" defer></script>
-    <script src="../../js/theme.js?1691874880" defer></script>
+    <script src="../../js/clipboard.min.js?1691877024" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691877024" defer></script>
+    <script src="../../js/theme.js?1691877024" defer></script>
   </body>
 </html>
diff --git a/tags/index.html b/tags/index.html
index 8743ceb121..ae4316d2e9 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1691874879" rel="stylesheet">
-    <link href="../css/auto-complete.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1691874879" rel="stylesheet">
-    <link href="../css/fonts.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1691874879" rel="stylesheet">
-    <link href="../css/theme-auto.css?1691874879" rel="stylesheet" id="variant-style">
-    <link href="../css/variant.css?1691874879" rel="stylesheet">
-    <link href="../css/print.css?1691874879" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1691874879" rel="stylesheet">
-    <script src="../js/url.js?1691874879"></script>
-    <script src="../js/variant.js?1691874879"></script>
+    <link href="../css/fontawesome-all.min.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1691877023" rel="stylesheet">
+    <link href="../css/auto-complete.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1691877023" rel="stylesheet">
+    <link href="../css/fonts.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1691877023" rel="stylesheet">
+    <link href="../css/theme-auto.css?1691877023" rel="stylesheet" id="variant-style">
+    <link href="../css/variant.css?1691877023" rel="stylesheet">
+    <link href="../css/print.css?1691877023" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1691877023" rel="stylesheet">
+    <script src="../js/url.js?1691877023"></script>
+    <script src="../js/variant.js?1691877023"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -198,12 +198,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1691874880" defer></script>
-        <script src="../js/lunr/lunr.min.js?1691874880" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1691874880" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1691874880" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1691874880" defer></script>
-        <script src="../js/search.js?1691874880" defer></script>
+        <script src="../js/auto-complete.js?1691877024" defer></script>
+        <script src="../js/lunr/lunr.min.js?1691877024" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1691877024" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1691877024" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1691877024" defer></script>
+        <script src="../js/search.js?1691877024" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -333,8 +333,7 @@
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -342,25 +341,37 @@
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../js/github-buttons.js?1691874880"></script>
+          <script async src="../js/github-buttons.js?1691877024"></script>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1691874880" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1691874880" defer></script>
-    <script src="../js/theme.js?1691874880" defer></script>
+    <script src="../js/clipboard.min.js?1691877024" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1691877024" defer></script>
+    <script src="../js/theme.js?1691877024" defer></script>
   </body>
 </html>
diff --git a/tags/non-hidden/index.html b/tags/non-hidden/index.html
index 948e3773f2..1726687564 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691874879" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691874879" rel="stylesheet">
-    <link href="../../css/fonts.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691874879" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691874879" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691874879" rel="stylesheet">
-    <link href="../../css/print.css?1691874879" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1691874879" rel="stylesheet">
-    <script src="../../js/url.js?1691874879"></script>
-    <script src="../../js/variant.js?1691874879"></script>
+    <link href="../../css/fontawesome-all.min.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691877023" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691877023" rel="stylesheet">
+    <link href="../../css/fonts.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691877023" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691877023" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691877023" rel="stylesheet">
+    <link href="../../css/print.css?1691877023" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1691877023" rel="stylesheet">
+    <script src="../../js/url.js?1691877023"></script>
+    <script src="../../js/variant.js?1691877023"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -174,12 +174,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1691874880" defer></script>
-        <script src="../../js/search.js?1691874880" defer></script>
+        <script src="../../js/auto-complete.js?1691877024" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1691877024" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691877024" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1691877024" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1691877024" defer></script>
+        <script src="../../js/search.js?1691877024" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -309,8 +309,7 @@
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -318,25 +317,37 @@
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../js/github-buttons.js?1691874880"></script>
+          <script async src="../../js/github-buttons.js?1691877024"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1691874880" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691874880" defer></script>
-    <script src="../../js/theme.js?1691874880" defer></script>
+    <script src="../../js/clipboard.min.js?1691877024" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691877024" defer></script>
+    <script src="../../js/theme.js?1691877024" defer></script>
   </body>
 </html>
diff --git a/tags/tutorial/index.html b/tags/tutorial/index.html
index 75e31cce79..d35902234e 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?1691874879" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1691877023" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1691874879" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1691874879" rel="stylesheet">
-    <link href="../../css/fonts.css?1691874879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691874879" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1691874879" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1691874879" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1691874879" rel="stylesheet">
-    <link href="../../css/print.css?1691874879" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1691874879" rel="stylesheet">
-    <script src="../../js/url.js?1691874879"></script>
-    <script src="../../js/variant.js?1691874879"></script>
+    <link href="../../css/fontawesome-all.min.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1691877023" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1691877023" rel="stylesheet">
+    <link href="../../css/fonts.css?1691877023" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1691877023" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1691877023" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1691877023" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1691877023" rel="stylesheet">
+    <link href="../../css/print.css?1691877023" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1691877023" rel="stylesheet">
+    <script src="../../js/url.js?1691877023"></script>
+    <script src="../../js/variant.js?1691877023"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -163,12 +163,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1691874880" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1691874880" defer></script>
-        <script src="../../js/search.js?1691874880" defer></script>
+        <script src="../../js/auto-complete.js?1691877024" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1691877024" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1691877024" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1691877024" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1691877024" defer></script>
+        <script src="../../js/search.js?1691877024" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics enlarge morespace collapsible-menu">
@@ -297,8 +297,7 @@
           </span>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
           <script>
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              console.log( e );
+            function githubButtonsScheme(){
               var scheme = 'light';
               var colorPropertyValue = window.getComputedStyle( document.querySelector( '#sidebar' ) ).getPropertyValue( 'background-color' );
               var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); });
@@ -306,25 +305,37 @@
                 
                 scheme = 'dark';
               }
+              return scheme;
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              var scheme = githubButtonsScheme();
               var githubButtonsHTML = `
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
                `;
               document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML;
-              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
-                window.githubButtons.render( anchor, function( el ){
-                  anchor.parentNode.replaceChild( el, anchor );
-                });
-              });
+              if( window.githubButtons ){
+                setTimeout( function(){
+                  
+                  var scheme = githubButtonsScheme();
+                  document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                    anchor.dataset.colorScheme = scheme;
+                    window.githubButtons.render( anchor, function( el ){
+                      anchor.parentNode.replaceChild( el, anchor );
+                    });
+                  });
+                }, 400 );
+              }
             });
           </script>
-          <script async src="../../js/github-buttons.js?1691874880"></script>
+          <script async src="../../js/github-buttons.js?1691877024"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1691874880" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1691874880" defer></script>
-    <script src="../../js/theme.js?1691874880" defer></script>
+    <script src="../../js/clipboard.min.js?1691877024" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1691877024" defer></script>
+    <script src="../../js/theme.js?1691877024" defer></script>
   </body>
 </html>