diff --git a/404.html b/404.html
index 0b7d6ce3e7..4177da8d19 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="./images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="./css/fontawesome-all.min.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1694553673" rel="stylesheet"></noscript>
-    <link href="./css/nucleus.css?1694553673" rel="stylesheet">
-    <link href="./css/auto-complete.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1694553673" rel="stylesheet"></noscript>
-    <link href="./css/perfect-scrollbar.min.css?1694553673" rel="stylesheet">
-    <link href="./css/fonts.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1694553673" rel="stylesheet"></noscript>
-    <link href="./css/theme.css?1694553673" rel="stylesheet">
-    <link href="./css/theme-auto.css?1694553673" rel="stylesheet" id="variant-style">
-    <link href="./css/variant.css?1694553673" rel="stylesheet">
-    <link href="./css/print.css?1694553673" rel="stylesheet" media="print">
-    <link href="./css/ie.css?1694553673" rel="stylesheet">
-    <script src="./js/url.js?1694553673"></script>
-    <script src="./js/variant.js?1694553673"></script>
+    <link href="./css/fontawesome-all.min.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1694640597" rel="stylesheet"></noscript>
+    <link href="./css/nucleus.css?1694640597" rel="stylesheet">
+    <link href="./css/auto-complete.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1694640597" rel="stylesheet"></noscript>
+    <link href="./css/perfect-scrollbar.min.css?1694640597" rel="stylesheet">
+    <link href="./css/fonts.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1694640597" rel="stylesheet"></noscript>
+    <link href="./css/theme.css?1694640597" rel="stylesheet">
+    <link href="./css/theme-auto.css?1694640597" rel="stylesheet" id="variant-style">
+    <link href="./css/variant.css?1694640597" rel="stylesheet">
+    <link href="./css/print.css?1694640597" rel="stylesheet" media="print">
+    <link href="./css/ie.css?1694640597" rel="stylesheet">
+    <script src="./js/url.js?1694640597"></script>
+    <script src="./js/variant.js?1694640597"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,7 +91,6 @@
   </head>
   <body class="mobile-support html notfound" data-url="./404.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
       <main id="body-inner" class="chapter" tabindex="-1">
         <div class="flex-block-wrapper">
           <article>
diff --git a/basics/changelog/index.html b/basics/changelog/index.html
index 030e5b192f..038d01fe50 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1694553673" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1694553673" rel="stylesheet">
-    <link href="../../css/fonts.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1694553673" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1694553673" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1694553673" rel="stylesheet">
-    <link href="../../css/print.css?1694553673" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1694553673" rel="stylesheet">
-    <script src="../../js/url.js?1694553673"></script>
-    <script src="../../js/variant.js?1694553673"></script>
+    <link href="../../css/fontawesome-all.min.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694640597" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694640597" rel="stylesheet">
+    <link href="../../css/fonts.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694640597" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694640597" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694640597" rel="stylesheet">
+    <link href="../../css/print.css?1694640597" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1694640597" rel="stylesheet">
+    <script src="../../js/url.js?1694640597"></script>
+    <script src="../../js/variant.js?1694640597"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -48,51 +48,23 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../basics/changelog/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <a href="../../cont/index.html" title="Content (🡒)">
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../basics/history/index.html" title="History (🡐)">
-                <i class="fa-fw fas fa-chevron-left"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-print">
-              <a href="../../basics/changelog/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
-                <i class="fa-fw fas fa-print"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-edit">
-              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/basics/CHANGELOG.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
-                <i class="fa-fw fas fa-pen"></i>
-              </a>
-            </div>
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
+            <div id="sidebar-overlay"></div>
             <div class="topbar-button topbar-toc">
               <button onclick="showToc()" type="button" title="Table of Contents (CTRL&#43;ALT&#43;t)">
                 <i class="fa-fw fas fa-list-alt"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../basics/index.html"><span itemprop="name">Basics</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Hugo Relearn Theme</span><meta itemprop="position" content="3"></li>
-            </ol>
-          </div>
-          <div class="default-animation progress">
-            <div class="toc-wrapper">
+            <div class="default-animation progress">
+              <div class="toc-wrapper">
 <nav id="TableOfContents">
   <ul>
     <li><a href="#5200-2023-08-26">5.20.0 (2023-08-26)</a>
@@ -764,6 +736,35 @@
     </li>
   </ul>
 </nav>
+              </div>
+            </div>
+            <div id="toc-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../basics/index.html"><span itemprop="name">Basics</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Hugo Relearn Theme</span><meta itemprop="position" content="3"></li>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-edit">
+              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/basics/CHANGELOG.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+                <i class="fa-fw fas fa-pen"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-print">
+              <a href="../../basics/changelog/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
+                <i class="fa-fw fas fa-print"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-prev">
+              <a href="../../basics/history/index.html" title="History (🡐)">
+                <i class="fa-fw fas fa-chevron-left"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-next">
+              <a href="../../cont/index.html" title="Content (🡒)">
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </a>
             </div>
           </div>
         </div>
@@ -2077,12 +2078,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1694553673" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1694553673" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694553673" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1694553673" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1694553673" defer></script>
-        <script src="../../js/search.js?1694553673" defer></script>
+        <script src="../../js/auto-complete.js?1694640597" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1694640597" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694640597" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1694640597" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1694640597" defer></script>
+        <script src="../../js/search.js?1694640597" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -2213,8 +2214,12 @@
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -2222,27 +2227,25 @@
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1694553673"></script>
+          <script async src="../../js/github-buttons.js?1694640597"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1694553673" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1694553673" defer></script>
-    <script src="../../js/theme.js?1694553673" defer></script>
+    <script src="../../js/clipboard.min.js?1694640597" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694640597" defer></script>
+    <script src="../../js/theme.js?1694640597" defer></script>
   </body>
 </html>
diff --git a/basics/changelog/index.print.html b/basics/changelog/index.print.html
index 21388acf80..1d8fa7049a 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1694553675" rel="stylesheet">
-    <link href="../../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../../js/url.js?1694553675"></script>
-    <script src="../../js/variant.js?1694553675"></script>
+    <link href="../../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1694640598" rel="stylesheet">
+    <link href="../../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../../js/url.js?1694640598"></script>
+    <script src="../../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -49,23 +49,23 @@
   </head>
   <body class="mobile-support print disableInlineCopyToClipboard" data-url="../../basics/changelog/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../basics/index.html"><span itemprop="name">Basics</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Hugo Relearn Theme</span><meta itemprop="position" content="3"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
           </div>
         </div>
       </nav>
@@ -1300,8 +1300,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1694553675" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1694553675" defer></script>
-    <script src="../../js/theme.js?1694553675" defer></script>
+    <script src="../../js/clipboard.min.js?1694640598" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694640598" defer></script>
+    <script src="../../js/theme.js?1694640598" defer></script>
   </body>
 </html>
diff --git a/basics/configuration/index.html b/basics/configuration/index.html
index a859713522..b645d34738 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1694553673" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1694553673" rel="stylesheet">
-    <link href="../../css/fonts.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1694553673" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1694553673" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1694553673" rel="stylesheet">
-    <link href="../../css/print.css?1694553673" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1694553673" rel="stylesheet">
-    <script src="../../js/url.js?1694553673"></script>
-    <script src="../../js/variant.js?1694553673"></script>
+    <link href="../../css/fontawesome-all.min.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694640597" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694640597" rel="stylesheet">
+    <link href="../../css/fonts.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694640597" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694640597" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694640597" rel="stylesheet">
+    <link href="../../css/print.css?1694640597" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1694640597" rel="stylesheet">
+    <script src="../../js/url.js?1694640597"></script>
+    <script src="../../js/variant.js?1694640597"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -52,51 +52,23 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../basics/configuration/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <a href="../../basics/customization/index.html" title="Customization (🡒)">
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../basics/installation/index.html" title="Installation (🡐)">
-                <i class="fa-fw fas fa-chevron-left"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-print">
-              <a href="../../basics/configuration/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
-                <i class="fa-fw fas fa-print"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-edit">
-              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/basics/configuration/_index.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
-                <i class="fa-fw fas fa-pen"></i>
-              </a>
-            </div>
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
+            <div id="sidebar-overlay"></div>
             <div class="topbar-button topbar-toc">
               <button onclick="showToc()" type="button" title="Table of Contents (CTRL&#43;ALT&#43;t)">
                 <i class="fa-fw fas fa-list-alt"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../basics/index.html"><span itemprop="name">Basics</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Configuration</span><meta itemprop="position" content="3"></li>
-            </ol>
-          </div>
-          <div class="default-animation progress">
-            <div class="toc-wrapper">
+            <div class="default-animation progress">
+              <div class="toc-wrapper">
 <nav id="TableOfContents">
   <ul>
     <li><a href="#global-site-parameters">Global site parameters</a></li>
@@ -121,6 +93,35 @@
     <li><a href="#home-button-configuration">Home Button Configuration</a></li>
   </ul>
 </nav>
+              </div>
+            </div>
+            <div id="toc-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../basics/index.html"><span itemprop="name">Basics</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Configuration</span><meta itemprop="position" content="3"></li>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-edit">
+              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/basics/configuration/_index.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+                <i class="fa-fw fas fa-pen"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-print">
+              <a href="../../basics/configuration/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
+                <i class="fa-fw fas fa-print"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-prev">
+              <a href="../../basics/installation/index.html" title="Installation (🡐)">
+                <i class="fa-fw fas fa-chevron-left"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-next">
+              <a href="../../basics/customization/index.html" title="Customization (🡒)">
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </a>
             </div>
           </div>
         </div>
@@ -247,8 +248,8 @@
 <p>You can add a dedicated search page for your page by adding the <code>SEARCHPAGE</code> outputformat to your home page by adding the following lines in your <code>config.toml</code> file.</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputs</span><span class="p">]</span>
 </span></span><span class="line"><span class="cl">  <span class="nx">home</span> <span class="p">=</span> <span class="p">[</span><span class="s2">&#34;HTML&#34;</span><span class="p">,</span> <span class="s2">&#34;RSS&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCH&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCHPAGE&#34;</span><span class="p">]</span></span></span></code></pre></div><p>You can access this page by either clicking on the magnifier glass or by typing some search term and pressing <code>ENTER</code> inside of the menu&rsquo;s search box .</p>
-<p><a href="#image-26596a66e5c63223823b4aaceba8d17a" class="lightbox-link"><img src="../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-26596a66e5c63223823b4aaceba8d17a"><img src="../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-c477776952eeec55ae6c58e242ea5b55" class="lightbox-link"><img src="../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-c477776952eeec55ae6c58e242ea5b55"><img src="../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="activate-print-support">Activate print support</h2>
 <p>You can activate print support to add the capability to print whole chapters or even the complete site. Just add the <code>PRINT</code> output format to your home, section and page in your <code>config.toml</code> as seen below:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputs</span><span class="p">]</span>
@@ -293,8 +294,8 @@ appearance, you will have to configure two parameters for the defined languages:
 </span></span><span class="line"><span class="cl"><span class="p">...</span></span></span></code></pre></div><p>If those params are not configured for a specific language, they will get their
 default values:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">landingPageName</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fas fa-home&#39;&gt;&lt;/i&gt; Home&#34;</span></span></span></code></pre></div><p>The home button is going to look like this:</p>
-<p><a href="#image-bdf7c42fcb4a895bc646b799a04cedad" class="lightbox-link"><img src="../../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-bdf7c42fcb4a895bc646b799a04cedad"><img src="../../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-954519fdb381ed92e775fabe377deaa5" class="lightbox-link"><img src="../../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-954519fdb381ed92e775fabe377deaa5"><img src="../../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
             <footer class="footline">
 
@@ -382,12 +383,12 @@ default values:</p>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1694553674" defer></script>
-        <script src="../../js/search.js?1694553674" defer></script>
+        <script src="../../js/auto-complete.js?1694640597" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1694640597" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694640597" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1694640597" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1694640597" defer></script>
+        <script src="../../js/search.js?1694640597" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -518,8 +519,12 @@ default values:</p>
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -527,27 +532,25 @@ default values:</p>
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1694553674"></script>
+          <script async src="../../js/github-buttons.js?1694640597"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1694553674" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1694553674" defer></script>
-    <script src="../../js/theme.js?1694553674" defer></script>
+    <script src="../../js/clipboard.min.js?1694640597" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694640597" defer></script>
+    <script src="../../js/theme.js?1694640597" defer></script>
   </body>
 </html>
diff --git a/basics/configuration/index.print.html b/basics/configuration/index.print.html
index c2632b3060..94369f7647 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1694553675" rel="stylesheet">
-    <link href="../../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../../js/url.js?1694553675"></script>
-    <script src="../../js/variant.js?1694553675"></script>
+    <link href="../../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1694640598" rel="stylesheet">
+    <link href="../../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../../js/url.js?1694640598"></script>
+    <script src="../../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -53,23 +53,23 @@
   </head>
   <body class="mobile-support print disableInlineCopyToClipboard" data-url="../../basics/configuration/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../basics/index.html"><span itemprop="name">Basics</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Configuration</span><meta itemprop="position" content="3"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
           </div>
         </div>
       </nav>
@@ -195,8 +195,8 @@
 <p>You can add a dedicated search page for your page by adding the <code>SEARCHPAGE</code> outputformat to your home page by adding the following lines in your <code>config.toml</code> file.</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputs</span><span class="p">]</span>
 </span></span><span class="line"><span class="cl">  <span class="nx">home</span> <span class="p">=</span> <span class="p">[</span><span class="s2">&#34;HTML&#34;</span><span class="p">,</span> <span class="s2">&#34;RSS&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCH&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCHPAGE&#34;</span><span class="p">]</span></span></span></code></pre></div><p>You can access this page by either clicking on the magnifier glass or by typing some search term and pressing <code>ENTER</code> inside of the menu&rsquo;s search box .</p>
-<p><a href="#image-26596a66e5c63223823b4aaceba8d17a" class="lightbox-link"><img src="../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-26596a66e5c63223823b4aaceba8d17a"><img src="../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-c477776952eeec55ae6c58e242ea5b55" class="lightbox-link"><img src="../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-c477776952eeec55ae6c58e242ea5b55"><img src="../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="activate-print-support">Activate print support</h2>
 <p>You can activate print support to add the capability to print whole chapters or even the complete site. Just add the <code>PRINT</code> output format to your home, section and page in your <code>config.toml</code> as seen below:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputs</span><span class="p">]</span>
@@ -241,8 +241,8 @@ appearance, you will have to configure two parameters for the defined languages:
 </span></span><span class="line"><span class="cl"><span class="p">...</span></span></span></code></pre></div><p>If those params are not configured for a specific language, they will get their
 default values:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">landingPageName</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fas fa-home&#39;&gt;&lt;/i&gt; Home&#34;</span></span></span></code></pre></div><p>The home button is going to look like this:</p>
-<p><a href="#image-bdf7c42fcb4a895bc646b799a04cedad" class="lightbox-link"><img src="../../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-bdf7c42fcb4a895bc646b799a04cedad"><img src="../../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-954519fdb381ed92e775fabe377deaa5" class="lightbox-link"><img src="../../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-954519fdb381ed92e775fabe377deaa5"><img src="../../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
             <footer class="footline">
 
@@ -252,8 +252,8 @@ default values:</p>
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1694553675" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1694553675" defer></script>
-    <script src="../../js/theme.js?1694553675" defer></script>
+    <script src="../../js/clipboard.min.js?1694640598" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694640598" defer></script>
+    <script src="../../js/theme.js?1694640598" defer></script>
   </body>
 </html>
diff --git a/basics/customization/index.html b/basics/customization/index.html
index 04d59b899b..2018542947 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1694553673" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1694553673" rel="stylesheet">
-    <link href="../../css/fonts.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1694553673" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1694553673" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1694553673" rel="stylesheet">
-    <link href="../../css/print.css?1694553673" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1694553673" rel="stylesheet">
-    <script src="../../js/url.js?1694553673"></script>
-    <script src="../../js/variant.js?1694553673"></script>
+    <link href="../../css/fontawesome-all.min.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694640597" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694640597" rel="stylesheet">
+    <link href="../../css/fonts.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694640597" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694640597" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694640597" rel="stylesheet">
+    <link href="../../css/print.css?1694640597" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1694640597" rel="stylesheet">
+    <script src="../../js/url.js?1694640597"></script>
+    <script src="../../js/variant.js?1694640597"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -52,51 +52,23 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../basics/customization/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <a href="../../basics/generator/index.html" title="Stylesheet generator (🡒)">
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../basics/configuration/index.html" title="Configuration (🡐)">
-                <i class="fa-fw fas fa-chevron-left"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-print">
-              <a href="../../basics/customization/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
-                <i class="fa-fw fas fa-print"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-edit">
-              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/basics/customization/_index.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
-                <i class="fa-fw fas fa-pen"></i>
-              </a>
-            </div>
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
+            <div id="sidebar-overlay"></div>
             <div class="topbar-button topbar-toc">
               <button onclick="showToc()" type="button" title="Table of Contents (CTRL&#43;ALT&#43;t)">
                 <i class="fa-fw fas fa-list-alt"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../basics/index.html"><span itemprop="name">Basics</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Customization</span><meta itemprop="position" content="3"></li>
-            </ol>
-          </div>
-          <div class="default-animation progress">
-            <div class="toc-wrapper">
+            <div class="default-animation progress">
+              <div class="toc-wrapper">
 <nav id="TableOfContents">
   <ul>
     <li><a href="#change-the-logo">Change the logo</a></li>
@@ -113,6 +85,35 @@
     </li>
   </ul>
 </nav>
+              </div>
+            </div>
+            <div id="toc-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../basics/index.html"><span itemprop="name">Basics</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Customization</span><meta itemprop="position" content="3"></li>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-edit">
+              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/basics/customization/_index.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+                <i class="fa-fw fas fa-pen"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-print">
+              <a href="../../basics/customization/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
+                <i class="fa-fw fas fa-print"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-prev">
+              <a href="../../basics/configuration/index.html" title="Configuration (🡐)">
+                <i class="fa-fw fas fa-chevron-left"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-next">
+              <a href="../../basics/generator/index.html" title="Stylesheet generator (🡒)">
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </a>
             </div>
           </div>
         </div>
@@ -306,12 +307,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?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1694553674" defer></script>
-        <script src="../../js/search.js?1694553674" defer></script>
+        <script src="../../js/auto-complete.js?1694640597" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1694640597" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694640597" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1694640597" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1694640597" defer></script>
+        <script src="../../js/search.js?1694640597" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -442,8 +443,12 @@ If you have requirements to support IE and/or older browser versions, use one of
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -451,27 +456,25 @@ If you have requirements to support IE and/or older browser versions, use one of
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1694553674"></script>
+          <script async src="../../js/github-buttons.js?1694640597"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1694553674" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1694553674" defer></script>
-    <script src="../../js/theme.js?1694553674" defer></script>
+    <script src="../../js/clipboard.min.js?1694640597" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694640597" defer></script>
+    <script src="../../js/theme.js?1694640597" defer></script>
   </body>
 </html>
diff --git a/basics/customization/index.print.html b/basics/customization/index.print.html
index a48b7f62ac..36b21e6748 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1694553675" rel="stylesheet">
-    <link href="../../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../../js/url.js?1694553675"></script>
-    <script src="../../js/variant.js?1694553675"></script>
+    <link href="../../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1694640598" rel="stylesheet">
+    <link href="../../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../../js/url.js?1694640598"></script>
+    <script src="../../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -53,23 +53,23 @@
   </head>
   <body class="mobile-support print disableInlineCopyToClipboard" data-url="../../basics/customization/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../basics/index.html"><span itemprop="name">Basics</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Customization</span><meta itemprop="position" content="3"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
           </div>
         </div>
       </nav>
@@ -184,8 +184,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?1694553675" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1694553675" defer></script>
-    <script src="../../js/theme.js?1694553675" defer></script>
+    <script src="../../js/clipboard.min.js?1694640598" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694640598" defer></script>
+    <script src="../../js/theme.js?1694640598" defer></script>
   </body>
 </html>
diff --git a/basics/generator/index.html b/basics/generator/index.html
index 4695bb1154..7ab053dbf6 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1694553673" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1694553673" rel="stylesheet">
-    <link href="../../css/fonts.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1694553673" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1694553673" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1694553673" rel="stylesheet">
-    <link href="../../css/print.css?1694553673" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1694553673" rel="stylesheet">
-    <script src="../../js/url.js?1694553673"></script>
-    <script src="../../js/variant.js?1694553673"></script>
+    <link href="../../css/fontawesome-all.min.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694640597" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694640597" rel="stylesheet">
+    <link href="../../css/fonts.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694640597" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694640597" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694640597" rel="stylesheet">
+    <link href="../../css/print.css?1694640597" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1694640597" rel="stylesheet">
+    <script src="../../js/url.js?1694640597"></script>
+    <script src="../../js/variant.js?1694640597"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -52,19 +52,26 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../basics/generator/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <a href="../../basics/history/index.html" title="History (🡒)">
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </a>
+          <div class="topbar-sidebar-divider"></div>
+          <div class="topbar-left">
+            <div class="topbar-button topbar-sidebar">
+              <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
+                <i class="fa-fw fas fa-bars"></i>
+              </button>
             </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../basics/customization/index.html" title="Customization (🡐)">
-                <i class="fa-fw fas fa-chevron-left"></i>
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../basics/index.html"><span itemprop="name">Basics</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Stylesheet generator</span><meta itemprop="position" content="3"></li>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-edit">
+              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/basics/generator/_index.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+                <i class="fa-fw fas fa-pen"></i>
               </a>
             </div>
             <div class="topbar-button topbar-print">
@@ -72,23 +79,16 @@
                 <i class="fa-fw fas fa-print"></i>
               </a>
             </div>
-            <div class="topbar-button topbar-edit">
-              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/basics/generator/_index.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
-                <i class="fa-fw fas fa-pen"></i>
+            <div class="topbar-button topbar-prev">
+              <a href="../../basics/customization/index.html" title="Customization (🡐)">
+                <i class="fa-fw fas fa-chevron-left"></i>
               </a>
             </div>
-          </div>
-          <div class="topbar-left">
-            <div class="topbar-button topbar-sidebar">
-              <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
-                <i class="fa-fw fas fa-bars"></i>
-              </button>
+            <div class="topbar-button topbar-next">
+              <a href="../../basics/history/index.html" title="History (🡒)">
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </a>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../basics/index.html"><span itemprop="name">Basics</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Stylesheet generator</span><meta itemprop="position" content="3"></li>
-            </ol>
           </div>
         </div>
       </nav>
@@ -102,13 +102,13 @@
 <p>This interactive tool may help you to generate your own color variant stylesheet.</p>
 
 <div class="expand">
-    <input type="checkbox" id="expand-b92a4e3bb88d0fb308869c4c13d6137d" aria-controls="expandcontent-b92a4e3bb88d0fb308869c4c13d6137d" >
-    <label class="expand-label" for="expand-b92a4e3bb88d0fb308869c4c13d6137d" >
+    <input type="checkbox" id="expand-adf1950d789d087cf02746421e452f5a" aria-controls="expandcontent-adf1950d789d087cf02746421e452f5a" >
+    <label class="expand-label" for="expand-adf1950d789d087cf02746421e452f5a" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show usage instructions
     </label>
-    <div id="expandcontent-b92a4e3bb88d0fb308869c4c13d6137d" class="expand-content">
+    <div id="expandcontent-adf1950d789d087cf02746421e452f5a" 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>
@@ -240,12 +240,12 @@ window.variants && variants.generator( '#vargenerator' );
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1694553674" defer></script>
-        <script src="../../js/search.js?1694553674" defer></script>
+        <script src="../../js/auto-complete.js?1694640597" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1694640597" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694640597" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1694640597" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1694640597" defer></script>
+        <script src="../../js/search.js?1694640597" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -376,8 +376,12 @@ window.variants && variants.generator( '#vargenerator' );
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -385,41 +389,39 @@ window.variants && variants.generator( '#vargenerator' );
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1694553674"></script>
+          <script async src="../../js/github-buttons.js?1694640597"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1694553674" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1694553674" defer></script>
-    <script src="../../js/d3/d3-color.min.js?1694553674" defer></script>
-    <script src="../../js/d3/d3-dispatch.min.js?1694553674" defer></script>
-    <script src="../../js/d3/d3-drag.min.js?1694553674" defer></script>
-    <script src="../../js/d3/d3-ease.min.js?1694553674" defer></script>
-    <script src="../../js/d3/d3-interpolate.min.js?1694553674" defer></script>
-    <script src="../../js/d3/d3-selection.min.js?1694553674" defer></script>
-    <script src="../../js/d3/d3-timer.min.js?1694553674" defer></script>
-    <script src="../../js/d3/d3-transition.min.js?1694553674" defer></script>
-    <script src="../../js/d3/d3-zoom.min.js?1694553674" defer></script>
-    <script src="../../js/js-yaml.min.js?1694553674" defer></script>
-    <script src="../../js/mermaid.min.js?1694553674" defer></script>
+    <script src="../../js/clipboard.min.js?1694640597" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694640597" defer></script>
+    <script src="../../js/d3/d3-color.min.js?1694640597" defer></script>
+    <script src="../../js/d3/d3-dispatch.min.js?1694640597" defer></script>
+    <script src="../../js/d3/d3-drag.min.js?1694640597" defer></script>
+    <script src="../../js/d3/d3-ease.min.js?1694640597" defer></script>
+    <script src="../../js/d3/d3-interpolate.min.js?1694640597" defer></script>
+    <script src="../../js/d3/d3-selection.min.js?1694640597" defer></script>
+    <script src="../../js/d3/d3-timer.min.js?1694640597" defer></script>
+    <script src="../../js/d3/d3-transition.min.js?1694640597" defer></script>
+    <script src="../../js/d3/d3-zoom.min.js?1694640597" defer></script>
+    <script src="../../js/js-yaml.min.js?1694640597" defer></script>
+    <script src="../../js/mermaid.min.js?1694640597" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../../js/theme.js?1694553674" defer></script>
+    <script src="../../js/theme.js?1694640597" defer></script>
   </body>
 </html>
diff --git a/basics/generator/index.print.html b/basics/generator/index.print.html
index 2ba3b7872c..2900bf6d4b 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1694553675" rel="stylesheet">
-    <link href="../../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../../js/url.js?1694553675"></script>
-    <script src="../../js/variant.js?1694553675"></script>
+    <link href="../../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1694640598" rel="stylesheet">
+    <link href="../../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../../js/url.js?1694640598"></script>
+    <script src="../../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -53,23 +53,23 @@
   </head>
   <body class="mobile-support print disableInlineCopyToClipboard" data-url="../../basics/generator/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../basics/index.html"><span itemprop="name">Basics</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Stylesheet generator</span><meta itemprop="position" content="3"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
           </div>
         </div>
       </nav>
@@ -83,13 +83,13 @@
 <p>This interactive tool may help you to generate your own color variant stylesheet.</p>
 
 <div class="expand">
-    <input type="checkbox" id="expand-b92a4e3bb88d0fb308869c4c13d6137d" aria-controls="expandcontent-b92a4e3bb88d0fb308869c4c13d6137d" >
-    <label class="expand-label" for="expand-b92a4e3bb88d0fb308869c4c13d6137d" >
+    <input type="checkbox" id="expand-adf1950d789d087cf02746421e452f5a" aria-controls="expandcontent-adf1950d789d087cf02746421e452f5a" >
+    <label class="expand-label" for="expand-adf1950d789d087cf02746421e452f5a" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show usage instructions
     </label>
-    <div id="expandcontent-b92a4e3bb88d0fb308869c4c13d6137d" class="expand-content">
+    <div id="expandcontent-adf1950d789d087cf02746421e452f5a" 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>
@@ -143,22 +143,22 @@ window.variants && variants.generator( '#vargenerator' );
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1694553675" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1694553675" defer></script>
-    <script src="../../js/d3/d3-color.min.js?1694553675" defer></script>
-    <script src="../../js/d3/d3-dispatch.min.js?1694553675" defer></script>
-    <script src="../../js/d3/d3-drag.min.js?1694553675" defer></script>
-    <script src="../../js/d3/d3-ease.min.js?1694553675" defer></script>
-    <script src="../../js/d3/d3-interpolate.min.js?1694553675" defer></script>
-    <script src="../../js/d3/d3-selection.min.js?1694553675" defer></script>
-    <script src="../../js/d3/d3-timer.min.js?1694553675" defer></script>
-    <script src="../../js/d3/d3-transition.min.js?1694553675" defer></script>
-    <script src="../../js/d3/d3-zoom.min.js?1694553675" defer></script>
-    <script src="../../js/js-yaml.min.js?1694553675" defer></script>
-    <script src="../../js/mermaid.min.js?1694553675" defer></script>
+    <script src="../../js/clipboard.min.js?1694640598" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694640598" defer></script>
+    <script src="../../js/d3/d3-color.min.js?1694640598" defer></script>
+    <script src="../../js/d3/d3-dispatch.min.js?1694640598" defer></script>
+    <script src="../../js/d3/d3-drag.min.js?1694640598" defer></script>
+    <script src="../../js/d3/d3-ease.min.js?1694640598" defer></script>
+    <script src="../../js/d3/d3-interpolate.min.js?1694640598" defer></script>
+    <script src="../../js/d3/d3-selection.min.js?1694640598" defer></script>
+    <script src="../../js/d3/d3-timer.min.js?1694640598" defer></script>
+    <script src="../../js/d3/d3-transition.min.js?1694640598" defer></script>
+    <script src="../../js/d3/d3-zoom.min.js?1694640598" defer></script>
+    <script src="../../js/js-yaml.min.js?1694640598" defer></script>
+    <script src="../../js/mermaid.min.js?1694640598" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../../js/theme.js?1694553675" defer></script>
+    <script src="../../js/theme.js?1694640598" defer></script>
   </body>
 </html>
diff --git a/basics/history/index.html b/basics/history/index.html
index 132991c83e..1e2f26ef81 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1694553673" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1694553673" rel="stylesheet">
-    <link href="../../css/fonts.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1694553673" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1694553673" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1694553673" rel="stylesheet">
-    <link href="../../css/print.css?1694553673" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1694553673" rel="stylesheet">
-    <script src="../../js/url.js?1694553673"></script>
-    <script src="../../js/variant.js?1694553673"></script>
+    <link href="../../css/fontawesome-all.min.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694640597" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694640597" rel="stylesheet">
+    <link href="../../css/fonts.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694640597" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694640597" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694640597" rel="stylesheet">
+    <link href="../../css/print.css?1694640597" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1694640597" rel="stylesheet">
+    <script src="../../js/url.js?1694640597"></script>
+    <script src="../../js/variant.js?1694640597"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -52,51 +52,23 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../basics/history/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <a href="../../cont/index.html" title="Content (🡒)">
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../basics/generator/index.html" title="Stylesheet generator (🡐)">
-                <i class="fa-fw fas fa-chevron-left"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-print">
-              <a href="../../basics/history/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
-                <i class="fa-fw fas fa-print"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-edit">
-              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/basics/history/_index.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
-                <i class="fa-fw fas fa-pen"></i>
-              </a>
-            </div>
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
+            <div id="sidebar-overlay"></div>
             <div class="topbar-button topbar-toc">
               <button onclick="showToc()" type="button" title="Table of Contents (CTRL&#43;ALT&#43;t)">
                 <i class="fa-fw fas fa-list-alt"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../basics/index.html"><span itemprop="name">Basics</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">History</span><meta itemprop="position" content="3"></li>
-            </ol>
-          </div>
-          <div class="default-animation progress">
-            <div class="toc-wrapper">
+            <div class="default-animation progress">
+              <div class="toc-wrapper">
 <nav id="TableOfContents">
   <ul>
     <li><a href="#5200-2023-08-26">5.20.0 (2023-08-26)</a>
@@ -768,6 +740,35 @@
     </li>
   </ul>
 </nav>
+              </div>
+            </div>
+            <div id="toc-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../basics/index.html"><span itemprop="name">Basics</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">History</span><meta itemprop="position" content="3"></li>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-edit">
+              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/basics/history/_index.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+                <i class="fa-fw fas fa-pen"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-print">
+              <a href="../../basics/history/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
+                <i class="fa-fw fas fa-print"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-prev">
+              <a href="../../basics/generator/index.html" title="Stylesheet generator (🡐)">
+                <i class="fa-fw fas fa-chevron-left"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-next">
+              <a href="../../cont/index.html" title="Content (🡒)">
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </a>
             </div>
           </div>
         </div>
@@ -2083,12 +2084,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1694553674" defer></script>
-        <script src="../../js/search.js?1694553674" defer></script>
+        <script src="../../js/auto-complete.js?1694640598" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1694640598" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694640598" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1694640598" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1694640598" defer></script>
+        <script src="../../js/search.js?1694640598" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -2219,8 +2220,12 @@
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -2228,27 +2233,25 @@
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1694553674"></script>
+          <script async src="../../js/github-buttons.js?1694640598"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1694553674" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1694553674" defer></script>
-    <script src="../../js/theme.js?1694553674" defer></script>
+    <script src="../../js/clipboard.min.js?1694640598" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694640598" defer></script>
+    <script src="../../js/theme.js?1694640598" defer></script>
   </body>
 </html>
diff --git a/basics/history/index.print.html b/basics/history/index.print.html
index 9895ef1a4e..c0d5782c2d 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1694553675" rel="stylesheet">
-    <link href="../../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../../js/url.js?1694553675"></script>
-    <script src="../../js/variant.js?1694553675"></script>
+    <link href="../../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1694640598" rel="stylesheet">
+    <link href="../../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../../js/url.js?1694640598"></script>
+    <script src="../../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -53,23 +53,23 @@
   </head>
   <body class="mobile-support print disableInlineCopyToClipboard" data-url="../../basics/history/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../basics/index.html"><span itemprop="name">Basics</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">History</span><meta itemprop="position" content="3"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
           </div>
         </div>
       </nav>
@@ -1306,8 +1306,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1694553675" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1694553675" defer></script>
-    <script src="../../js/theme.js?1694553675" defer></script>
+    <script src="../../js/clipboard.min.js?1694640598" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694640598" defer></script>
+    <script src="../../js/theme.js?1694640598" defer></script>
   </body>
 </html>
diff --git a/basics/index.html b/basics/index.html
index 26ee5b8403..acddf685ad 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1694553673" rel="stylesheet">
-    <link href="../css/auto-complete.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1694553673" rel="stylesheet">
-    <link href="../css/fonts.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1694553673" rel="stylesheet">
-    <link href="../css/theme-auto.css?1694553673" rel="stylesheet" id="variant-style">
-    <link href="../css/variant.css?1694553673" rel="stylesheet">
-    <link href="../css/print.css?1694553673" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1694553673" rel="stylesheet">
-    <script src="../js/url.js?1694553673"></script>
-    <script src="../js/variant.js?1694553673"></script>
+    <link href="../css/fontawesome-all.min.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1694640597" rel="stylesheet">
+    <link href="../css/auto-complete.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1694640597" rel="stylesheet">
+    <link href="../css/fonts.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1694640597" rel="stylesheet">
+    <link href="../css/theme-auto.css?1694640597" rel="stylesheet" id="variant-style">
+    <link href="../css/variant.css?1694640597" rel="stylesheet">
+    <link href="../css/print.css?1694640597" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1694640597" rel="stylesheet">
+    <script src="../js/url.js?1694640597"></script>
+    <script src="../js/variant.js?1694640597"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -52,19 +52,25 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../basics/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <a href="../basics/migration/index.html" title="What&#39;s New (🡒)">
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </a>
+          <div class="topbar-sidebar-divider"></div>
+          <div class="topbar-left">
+            <div class="topbar-button topbar-sidebar">
+              <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
+                <i class="fa-fw fas fa-bars"></i>
+              </button>
             </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../index.html" title="Hugo Relearn Theme (🡐)">
-                <i class="fa-fw fas fa-chevron-left"></i>
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Basics</span><meta itemprop="position" content="2"></li>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-edit">
+              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/basics/_index.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+                <i class="fa-fw fas fa-pen"></i>
               </a>
             </div>
             <div class="topbar-button topbar-print">
@@ -72,22 +78,16 @@
                 <i class="fa-fw fas fa-print"></i>
               </a>
             </div>
-            <div class="topbar-button topbar-edit">
-              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/basics/_index.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
-                <i class="fa-fw fas fa-pen"></i>
+            <div class="topbar-button topbar-prev">
+              <a href="../index.html" title="Hugo Relearn Theme (🡐)">
+                <i class="fa-fw fas fa-chevron-left"></i>
               </a>
             </div>
-          </div>
-          <div class="topbar-left">
-            <div class="topbar-button topbar-sidebar">
-              <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
-                <i class="fa-fw fas fa-bars"></i>
-              </button>
+            <div class="topbar-button topbar-next">
+              <a href="../basics/migration/index.html" title="What&#39;s New (🡒)">
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </a>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Basics</span><meta itemprop="position" content="2"></li>
-            </ol>
           </div>
         </div>
       </nav>
@@ -187,12 +187,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1694553674" defer></script>
-        <script src="../js/lunr/lunr.min.js?1694553674" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1694553674" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1694553674" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1694553674" defer></script>
-        <script src="../js/search.js?1694553674" defer></script>
+        <script src="../js/auto-complete.js?1694640597" defer></script>
+        <script src="../js/lunr/lunr.min.js?1694640597" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1694640597" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1694640597" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1694640597" defer></script>
+        <script src="../js/search.js?1694640597" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -323,8 +323,12 @@
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -332,27 +336,25 @@
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../js/github-buttons.js?1694553674"></script>
+          <script async src="../js/github-buttons.js?1694640597"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1694553674" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1694553674" defer></script>
-    <script src="../js/theme.js?1694553674" defer></script>
+    <script src="../js/clipboard.min.js?1694640597" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1694640597" defer></script>
+    <script src="../js/theme.js?1694640597" defer></script>
   </body>
 </html>
diff --git a/basics/index.print.html b/basics/index.print.html
index 84d1fca86c..b6f5cd8d02 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../css/format-print.css?1694553675" rel="stylesheet">
-    <link href="../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../js/url.js?1694553675"></script>
-    <script src="../js/variant.js?1694553675"></script>
+    <link href="../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../css/format-print.css?1694640598" rel="stylesheet">
+    <link href="../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../js/url.js?1694640598"></script>
+    <script src="../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -53,22 +53,22 @@
   </head>
   <body class="mobile-support print disableInlineCopyToClipboard" data-url="../basics/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Basics</span><meta itemprop="position" content="2"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
           </div>
         </div>
       </nav>
@@ -838,8 +838,8 @@
 
 <p>Thanks to the simplicity of Hugo, this page is as empty as this theme needs requirements.</p>
 <p>Just download at least version <span class="badge cstyle default badge-with-title"><span class="badge-title"><i class="fab fa-hackerrank"></i></span><span class="badge-content" style="background-color: fuchsia;">0.95.0</span></span> of the <a href="https://gohugo.io/getting-started/installing/" target="_blank">Hugo binary</a> for your OS (Windows, Linux, Mac).</p>
-<p><a href="#image-7032438b27ff54a3a6fc560993e76c01" class="lightbox-link"><img src="../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-7032438b27ff54a3a6fc560993e76c01"><img src="../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-25a0be68d604851fd59780db994732b2" class="lightbox-link"><img src="../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-25a0be68d604851fd59780db994732b2"><img src="../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
             <footer class="footline">
               <i class='fas fa-list'></i>
@@ -882,8 +882,8 @@
 </span></span><span class="line"><span class="cl"><span class="gh"># Basics
 </span></span></span><span class="line"><span class="cl"><span class="gh"></span>
 </span></span><span class="line"><span class="cl">Discover what this Hugo theme is all about and the core concepts behind it.</span></span></code></pre></div><p>renders as</p>
-<p><a href="#image-cd60b95a51f722c27d16e9fbc61ac392" class="lightbox-link"><img src="../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-cd60b95a51f722c27d16e9fbc61ac392"><img src="../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-b9af266ca04f489101ae80cf6ecbaf4b" class="lightbox-link"><img src="../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-b9af266ca04f489101ae80cf6ecbaf4b"><img src="../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>The Relearn theme provides archetypes to create skeletons for your website. Begin by creating your first chapter page with the following command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter basics/_index.md</span></span></code></pre></div><p>By opening the given file, you should see the property <code>chapter=true</code> on top, meaning this page is a <em>chapter</em>.</p>
 <p>By default all chapters and pages are created as a draft. If you want to render these pages, remove the property <code>draft: true</code> from the metadata.</p>
@@ -1037,8 +1037,8 @@
 <p>You can add a dedicated search page for your page by adding the <code>SEARCHPAGE</code> outputformat to your home page by adding the following lines in your <code>config.toml</code> file.</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputs</span><span class="p">]</span>
 </span></span><span class="line"><span class="cl">  <span class="nx">home</span> <span class="p">=</span> <span class="p">[</span><span class="s2">&#34;HTML&#34;</span><span class="p">,</span> <span class="s2">&#34;RSS&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCH&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCHPAGE&#34;</span><span class="p">]</span></span></span></code></pre></div><p>You can access this page by either clicking on the magnifier glass or by typing some search term and pressing <code>ENTER</code> inside of the menu&rsquo;s search box .</p>
-<p><a href="#image-26596a66e5c63223823b4aaceba8d17a" class="lightbox-link"><img src="../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-26596a66e5c63223823b4aaceba8d17a"><img src="../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-c477776952eeec55ae6c58e242ea5b55" class="lightbox-link"><img src="../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-c477776952eeec55ae6c58e242ea5b55"><img src="../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="activate-print-support">Activate print support</h2>
 <p>You can activate print support to add the capability to print whole chapters or even the complete site. Just add the <code>PRINT</code> output format to your home, section and page in your <code>config.toml</code> as seen below:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputs</span><span class="p">]</span>
@@ -1083,8 +1083,8 @@ appearance, you will have to configure two parameters for the defined languages:
 </span></span><span class="line"><span class="cl"><span class="p">...</span></span></span></code></pre></div><p>If those params are not configured for a specific language, they will get their
 default values:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">landingPageName</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fas fa-home&#39;&gt;&lt;/i&gt; Home&#34;</span></span></span></code></pre></div><p>The home button is going to look like this:</p>
-<p><a href="#image-bdf7c42fcb4a895bc646b799a04cedad" class="lightbox-link"><img src="../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-bdf7c42fcb4a895bc646b799a04cedad"><img src="../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-954519fdb381ed92e775fabe377deaa5" class="lightbox-link"><img src="../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-954519fdb381ed92e775fabe377deaa5"><img src="../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
             <footer class="footline">
 
@@ -1205,13 +1205,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-b92a4e3bb88d0fb308869c4c13d6137d" aria-controls="expandcontent-b92a4e3bb88d0fb308869c4c13d6137d" >
-    <label class="expand-label" for="expand-b92a4e3bb88d0fb308869c4c13d6137d" >
+    <input type="checkbox" id="expand-adf1950d789d087cf02746421e452f5a" aria-controls="expandcontent-adf1950d789d087cf02746421e452f5a" >
+    <label class="expand-label" for="expand-adf1950d789d087cf02746421e452f5a" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show usage instructions
     </label>
-    <div id="expandcontent-b92a4e3bb88d0fb308869c4c13d6137d" class="expand-content">
+    <div id="expandcontent-adf1950d789d087cf02746421e452f5a" 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>
@@ -2494,22 +2494,22 @@ window.variants && variants.generator( '#vargenerator' );
         </div>
       </main>
     </div>
-    <script src="../js/clipboard.min.js?1694553675" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1694553675" defer></script>
-    <script src="../js/d3/d3-color.min.js?1694553675" defer></script>
-    <script src="../js/d3/d3-dispatch.min.js?1694553675" defer></script>
-    <script src="../js/d3/d3-drag.min.js?1694553675" defer></script>
-    <script src="../js/d3/d3-ease.min.js?1694553675" defer></script>
-    <script src="../js/d3/d3-interpolate.min.js?1694553675" defer></script>
-    <script src="../js/d3/d3-selection.min.js?1694553675" defer></script>
-    <script src="../js/d3/d3-timer.min.js?1694553675" defer></script>
-    <script src="../js/d3/d3-transition.min.js?1694553675" defer></script>
-    <script src="../js/d3/d3-zoom.min.js?1694553675" defer></script>
-    <script src="../js/js-yaml.min.js?1694553675" defer></script>
-    <script src="../js/mermaid.min.js?1694553675" defer></script>
+    <script src="../js/clipboard.min.js?1694640598" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1694640598" defer></script>
+    <script src="../js/d3/d3-color.min.js?1694640598" defer></script>
+    <script src="../js/d3/d3-dispatch.min.js?1694640598" defer></script>
+    <script src="../js/d3/d3-drag.min.js?1694640598" defer></script>
+    <script src="../js/d3/d3-ease.min.js?1694640598" defer></script>
+    <script src="../js/d3/d3-interpolate.min.js?1694640598" defer></script>
+    <script src="../js/d3/d3-selection.min.js?1694640598" defer></script>
+    <script src="../js/d3/d3-timer.min.js?1694640598" defer></script>
+    <script src="../js/d3/d3-transition.min.js?1694640598" defer></script>
+    <script src="../js/d3/d3-zoom.min.js?1694640598" defer></script>
+    <script src="../js/js-yaml.min.js?1694640598" defer></script>
+    <script src="../js/mermaid.min.js?1694640598" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../js/theme.js?1694553675" defer></script>
+    <script src="../js/theme.js?1694640598" defer></script>
   </body>
 </html>
diff --git a/basics/installation/index.html b/basics/installation/index.html
index 51084cb6d6..666fcedce8 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1694553673" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1694553673" rel="stylesheet">
-    <link href="../../css/fonts.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1694553673" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1694553673" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1694553673" rel="stylesheet">
-    <link href="../../css/print.css?1694553673" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1694553673" rel="stylesheet">
-    <script src="../../js/url.js?1694553673"></script>
-    <script src="../../js/variant.js?1694553673"></script>
+    <link href="../../css/fontawesome-all.min.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694640597" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694640597" rel="stylesheet">
+    <link href="../../css/fonts.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694640597" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694640597" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694640597" rel="stylesheet">
+    <link href="../../css/print.css?1694640597" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1694640597" rel="stylesheet">
+    <script src="../../js/url.js?1694640597"></script>
+    <script src="../../js/variant.js?1694640597"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -52,51 +52,23 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../basics/installation/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <a href="../../basics/configuration/index.html" title="Configuration (🡒)">
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../basics/requirements/index.html" title="Requirements (🡐)">
-                <i class="fa-fw fas fa-chevron-left"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-print">
-              <a href="../../basics/installation/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
-                <i class="fa-fw fas fa-print"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-edit">
-              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/basics/installation/_index.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
-                <i class="fa-fw fas fa-pen"></i>
-              </a>
-            </div>
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
+            <div id="sidebar-overlay"></div>
             <div class="topbar-button topbar-toc">
               <button onclick="showToc()" type="button" title="Table of Contents (CTRL&#43;ALT&#43;t)">
                 <i class="fa-fw fas fa-list-alt"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../basics/index.html"><span itemprop="name">Basics</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Installation</span><meta itemprop="position" content="3"></li>
-            </ol>
-          </div>
-          <div class="default-animation progress">
-            <div class="toc-wrapper">
+            <div class="default-animation progress">
+              <div class="toc-wrapper">
 <nav id="TableOfContents">
   <ul>
     <li><a href="#create-your-project">Create your project</a></li>
@@ -112,6 +84,35 @@
     <li><a href="#build-the-website">Build the website</a></li>
   </ul>
 </nav>
+              </div>
+            </div>
+            <div id="toc-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../basics/index.html"><span itemprop="name">Basics</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Installation</span><meta itemprop="position" content="3"></li>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-edit">
+              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/basics/installation/_index.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+                <i class="fa-fw fas fa-pen"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-print">
+              <a href="../../basics/installation/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
+                <i class="fa-fw fas fa-print"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-prev">
+              <a href="../../basics/requirements/index.html" title="Requirements (🡐)">
+                <i class="fa-fw fas fa-chevron-left"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-next">
+              <a href="../../basics/configuration/index.html" title="Configuration (🡒)">
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </a>
             </div>
           </div>
         </div>
@@ -152,8 +153,8 @@
 </span></span><span class="line"><span class="cl"><span class="gh"># Basics
 </span></span></span><span class="line"><span class="cl"><span class="gh"></span>
 </span></span><span class="line"><span class="cl">Discover what this Hugo theme is all about and the core concepts behind it.</span></span></code></pre></div><p>renders as</p>
-<p><a href="#image-cd60b95a51f722c27d16e9fbc61ac392" class="lightbox-link"><img src="../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-cd60b95a51f722c27d16e9fbc61ac392"><img src="../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-b9af266ca04f489101ae80cf6ecbaf4b" class="lightbox-link"><img src="../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-b9af266ca04f489101ae80cf6ecbaf4b"><img src="../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>The Relearn theme provides archetypes to create skeletons for your website. Begin by creating your first chapter page with the following command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter basics/_index.md</span></span></code></pre></div><p>By opening the given file, you should see the property <code>chapter=true</code> on top, meaning this page is a <em>chapter</em>.</p>
 <p>By default all chapters and pages are created as a draft. If you want to render these pages, remove the property <code>draft: true</code> from the metadata.</p>
@@ -268,12 +269,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1694553674" defer></script>
-        <script src="../../js/search.js?1694553674" defer></script>
+        <script src="../../js/auto-complete.js?1694640597" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1694640597" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694640597" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1694640597" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1694640597" defer></script>
+        <script src="../../js/search.js?1694640597" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -404,8 +405,12 @@
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -413,27 +418,25 @@
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1694553674"></script>
+          <script async src="../../js/github-buttons.js?1694640597"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1694553674" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1694553674" defer></script>
-    <script src="../../js/theme.js?1694553674" defer></script>
+    <script src="../../js/clipboard.min.js?1694640597" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694640597" defer></script>
+    <script src="../../js/theme.js?1694640597" defer></script>
   </body>
 </html>
diff --git a/basics/installation/index.print.html b/basics/installation/index.print.html
index 304b7f6a95..3577e3949e 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1694553675" rel="stylesheet">
-    <link href="../../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../../js/url.js?1694553675"></script>
-    <script src="../../js/variant.js?1694553675"></script>
+    <link href="../../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1694640598" rel="stylesheet">
+    <link href="../../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../../js/url.js?1694640598"></script>
+    <script src="../../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -53,23 +53,23 @@
   </head>
   <body class="mobile-support print disableInlineCopyToClipboard" data-url="../../basics/installation/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../basics/index.html"><span itemprop="name">Basics</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Installation</span><meta itemprop="position" content="3"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
           </div>
         </div>
       </nav>
@@ -109,8 +109,8 @@
 </span></span><span class="line"><span class="cl"><span class="gh"># Basics
 </span></span></span><span class="line"><span class="cl"><span class="gh"></span>
 </span></span><span class="line"><span class="cl">Discover what this Hugo theme is all about and the core concepts behind it.</span></span></code></pre></div><p>renders as</p>
-<p><a href="#image-cd60b95a51f722c27d16e9fbc61ac392" class="lightbox-link"><img src="../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-cd60b95a51f722c27d16e9fbc61ac392"><img src="../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-b9af266ca04f489101ae80cf6ecbaf4b" class="lightbox-link"><img src="../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-b9af266ca04f489101ae80cf6ecbaf4b"><img src="../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>The Relearn theme provides archetypes to create skeletons for your website. Begin by creating your first chapter page with the following command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter basics/_index.md</span></span></code></pre></div><p>By opening the given file, you should see the property <code>chapter=true</code> on top, meaning this page is a <em>chapter</em>.</p>
 <p>By default all chapters and pages are created as a draft. If you want to render these pages, remove the property <code>draft: true</code> from the metadata.</p>
@@ -147,8 +147,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1694553675" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1694553675" defer></script>
-    <script src="../../js/theme.js?1694553675" defer></script>
+    <script src="../../js/clipboard.min.js?1694640598" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694640598" defer></script>
+    <script src="../../js/theme.js?1694640598" defer></script>
   </body>
 </html>
diff --git a/basics/migration/index.html b/basics/migration/index.html
index 567f9a7b4f..203df40aee 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1694553673" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1694553673" rel="stylesheet">
-    <link href="../../css/fonts.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1694553673" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1694553673" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1694553673" rel="stylesheet">
-    <link href="../../css/print.css?1694553673" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1694553673" rel="stylesheet">
-    <script src="../../js/url.js?1694553673"></script>
-    <script src="../../js/variant.js?1694553673"></script>
+    <link href="../../css/fontawesome-all.min.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694640597" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694640597" rel="stylesheet">
+    <link href="../../css/fonts.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694640597" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694640597" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694640597" rel="stylesheet">
+    <link href="../../css/print.css?1694640597" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1694640597" rel="stylesheet">
+    <script src="../../js/url.js?1694640597"></script>
+    <script src="../../js/variant.js?1694640597"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -52,51 +52,23 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../basics/migration/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <a href="../../basics/requirements/index.html" title="Requirements (🡒)">
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../basics/index.html" title="Basics (🡐)">
-                <i class="fa-fw fas fa-chevron-left"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-print">
-              <a href="../../basics/migration/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
-                <i class="fa-fw fas fa-print"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-edit">
-              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/basics/migration/_index.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
-                <i class="fa-fw fas fa-pen"></i>
-              </a>
-            </div>
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
+            <div id="sidebar-overlay"></div>
             <div class="topbar-button topbar-toc">
               <button onclick="showToc()" type="button" title="Table of Contents (CTRL&#43;ALT&#43;t)">
                 <i class="fa-fw fas fa-list-alt"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../basics/index.html"><span itemprop="name">Basics</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">What&#39;s New</span><meta itemprop="position" content="3"></li>
-            </ol>
-          </div>
-          <div class="default-animation progress">
-            <div class="toc-wrapper">
+            <div class="default-animation progress">
+              <div class="toc-wrapper">
 <nav id="TableOfContents">
   <ul>
     <li><a href="#5210">5.21.0 (2023-09-03)</a></li>
@@ -144,6 +116,35 @@
     <li><a href="#100">1.0.0 (2021-07-01)</a></li>
   </ul>
 </nav>
+              </div>
+            </div>
+            <div id="toc-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../basics/index.html"><span itemprop="name">Basics</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">What&#39;s New</span><meta itemprop="position" content="3"></li>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-edit">
+              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/basics/migration/_index.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+                <i class="fa-fw fas fa-pen"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-print">
+              <a href="../../basics/migration/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
+                <i class="fa-fw fas fa-print"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-prev">
+              <a href="../../basics/index.html" title="Basics (🡐)">
+                <i class="fa-fw fas fa-chevron-left"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-next">
+              <a href="../../basics/requirements/index.html" title="Requirements (🡒)">
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </a>
             </div>
           </div>
         </div>
@@ -973,12 +974,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1694553674" defer></script>
-        <script src="../../js/search.js?1694553674" defer></script>
+        <script src="../../js/auto-complete.js?1694640598" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1694640598" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694640598" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1694640598" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1694640598" defer></script>
+        <script src="../../js/search.js?1694640598" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -1109,8 +1110,12 @@
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -1118,27 +1123,25 @@
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1694553674"></script>
+          <script async src="../../js/github-buttons.js?1694640598"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1694553674" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1694553674" defer></script>
-    <script src="../../js/theme.js?1694553674" defer></script>
+    <script src="../../js/clipboard.min.js?1694640598" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694640598" defer></script>
+    <script src="../../js/theme.js?1694640598" defer></script>
   </body>
 </html>
diff --git a/basics/migration/index.print.html b/basics/migration/index.print.html
index 5441548afe..cb8e1d28a5 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1694553675" rel="stylesheet">
-    <link href="../../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../../js/url.js?1694553675"></script>
-    <script src="../../js/variant.js?1694553675"></script>
+    <link href="../../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1694640598" rel="stylesheet">
+    <link href="../../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../../js/url.js?1694640598"></script>
+    <script src="../../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -53,23 +53,23 @@
   </head>
   <body class="mobile-support print disableInlineCopyToClipboard" data-url="../../basics/migration/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../basics/index.html"><span itemprop="name">Basics</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">What&#39;s New</span><meta itemprop="position" content="3"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
           </div>
         </div>
       </nav>
@@ -820,8 +820,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1694553675" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1694553675" defer></script>
-    <script src="../../js/theme.js?1694553675" defer></script>
+    <script src="../../js/clipboard.min.js?1694640598" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694640598" defer></script>
+    <script src="../../js/theme.js?1694640598" defer></script>
   </body>
 </html>
diff --git a/basics/requirements/index.html b/basics/requirements/index.html
index 6febf57d89..026f5eda1e 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1694553673" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1694553673" rel="stylesheet">
-    <link href="../../css/fonts.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1694553673" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1694553673" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1694553673" rel="stylesheet">
-    <link href="../../css/print.css?1694553673" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1694553673" rel="stylesheet">
-    <script src="../../js/url.js?1694553673"></script>
-    <script src="../../js/variant.js?1694553673"></script>
+    <link href="../../css/fontawesome-all.min.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694640597" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694640597" rel="stylesheet">
+    <link href="../../css/fonts.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694640597" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694640597" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694640597" rel="stylesheet">
+    <link href="../../css/print.css?1694640597" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1694640597" rel="stylesheet">
+    <script src="../../js/url.js?1694640597"></script>
+    <script src="../../js/variant.js?1694640597"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -52,19 +52,26 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../basics/requirements/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <a href="../../basics/installation/index.html" title="Installation (🡒)">
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </a>
+          <div class="topbar-sidebar-divider"></div>
+          <div class="topbar-left">
+            <div class="topbar-button topbar-sidebar">
+              <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
+                <i class="fa-fw fas fa-bars"></i>
+              </button>
             </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../basics/migration/index.html" title="What&#39;s New (🡐)">
-                <i class="fa-fw fas fa-chevron-left"></i>
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../basics/index.html"><span itemprop="name">Basics</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Requirements</span><meta itemprop="position" content="3"></li>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-edit">
+              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/basics/requirements/_index.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+                <i class="fa-fw fas fa-pen"></i>
               </a>
             </div>
             <div class="topbar-button topbar-print">
@@ -72,23 +79,16 @@
                 <i class="fa-fw fas fa-print"></i>
               </a>
             </div>
-            <div class="topbar-button topbar-edit">
-              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/basics/requirements/_index.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
-                <i class="fa-fw fas fa-pen"></i>
+            <div class="topbar-button topbar-prev">
+              <a href="../../basics/migration/index.html" title="What&#39;s New (🡐)">
+                <i class="fa-fw fas fa-chevron-left"></i>
               </a>
             </div>
-          </div>
-          <div class="topbar-left">
-            <div class="topbar-button topbar-sidebar">
-              <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
-                <i class="fa-fw fas fa-bars"></i>
-              </button>
+            <div class="topbar-button topbar-next">
+              <a href="../../basics/installation/index.html" title="Installation (🡒)">
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </a>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../basics/index.html"><span itemprop="name">Basics</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Requirements</span><meta itemprop="position" content="3"></li>
-            </ol>
           </div>
         </div>
       </nav>
@@ -101,8 +101,8 @@
 
 <p>Thanks to the simplicity of Hugo, this page is as empty as this theme needs requirements.</p>
 <p>Just download at least version <span class="badge cstyle default badge-with-title"><span class="badge-title"><i class="fab fa-hackerrank"></i></span><span class="badge-content" style="background-color: fuchsia;">0.95.0</span></span> of the <a href="https://gohugo.io/getting-started/installing/" target="_blank">Hugo binary</a> for your OS (Windows, Linux, Mac).</p>
-<p><a href="#image-7032438b27ff54a3a6fc560993e76c01" class="lightbox-link"><img src="../../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-7032438b27ff54a3a6fc560993e76c01"><img src="../../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-25a0be68d604851fd59780db994732b2" class="lightbox-link"><img src="../../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-25a0be68d604851fd59780db994732b2"><img src="../../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
             <footer class="footline">
               <i class='fas fa-list'></i>
@@ -192,12 +192,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1694553674" defer></script>
-        <script src="../../js/search.js?1694553674" defer></script>
+        <script src="../../js/auto-complete.js?1694640598" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1694640598" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694640598" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1694640598" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1694640598" defer></script>
+        <script src="../../js/search.js?1694640598" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -328,8 +328,12 @@
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -337,27 +341,25 @@
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1694553674"></script>
+          <script async src="../../js/github-buttons.js?1694640598"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1694553674" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1694553674" defer></script>
-    <script src="../../js/theme.js?1694553674" defer></script>
+    <script src="../../js/clipboard.min.js?1694640598" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694640598" defer></script>
+    <script src="../../js/theme.js?1694640598" defer></script>
   </body>
 </html>
diff --git a/basics/requirements/index.print.html b/basics/requirements/index.print.html
index 49bc485496..72dadd33b3 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1694553675" rel="stylesheet">
-    <link href="../../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../../js/url.js?1694553675"></script>
-    <script src="../../js/variant.js?1694553675"></script>
+    <link href="../../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1694640598" rel="stylesheet">
+    <link href="../../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../../js/url.js?1694640598"></script>
+    <script src="../../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -53,23 +53,23 @@
   </head>
   <body class="mobile-support print disableInlineCopyToClipboard" data-url="../../basics/requirements/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../basics/index.html"><span itemprop="name">Basics</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Requirements</span><meta itemprop="position" content="3"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
           </div>
         </div>
       </nav>
@@ -82,8 +82,8 @@
 
 <p>Thanks to the simplicity of Hugo, this page is as empty as this theme needs requirements.</p>
 <p>Just download at least version <span class="badge cstyle default badge-with-title"><span class="badge-title"><i class="fab fa-hackerrank"></i></span><span class="badge-content" style="background-color: fuchsia;">0.95.0</span></span> of the <a href="https://gohugo.io/getting-started/installing/" target="_blank">Hugo binary</a> for your OS (Windows, Linux, Mac).</p>
-<p><a href="#image-7032438b27ff54a3a6fc560993e76c01" class="lightbox-link"><img src="../../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-7032438b27ff54a3a6fc560993e76c01"><img src="../../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-25a0be68d604851fd59780db994732b2" class="lightbox-link"><img src="../../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-25a0be68d604851fd59780db994732b2"><img src="../../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
             <footer class="footline">
               <i class='fas fa-list'></i>
@@ -95,8 +95,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1694553675" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1694553675" defer></script>
-    <script src="../../js/theme.js?1694553675" defer></script>
+    <script src="../../js/clipboard.min.js?1694640598" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694640598" defer></script>
+    <script src="../../js/theme.js?1694640598" defer></script>
   </body>
 </html>
diff --git a/categories/basic/index.html b/categories/basic/index.html
index cc0e50737f..33671dca9a 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1694553673" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1694553673" rel="stylesheet">
-    <link href="../../css/fonts.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1694553673" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1694553673" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1694553673" rel="stylesheet">
-    <link href="../../css/print.css?1694553673" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1694553673" rel="stylesheet">
-    <script src="../../js/url.js?1694553673"></script>
-    <script src="../../js/variant.js?1694553673"></script>
+    <link href="../../css/fontawesome-all.min.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694640597" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694640597" rel="stylesheet">
+    <link href="../../css/fonts.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694640597" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694640597" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694640597" rel="stylesheet">
+    <link href="../../css/print.css?1694640597" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1694640597" rel="stylesheet">
+    <script src="../../js/url.js?1694640597"></script>
+    <script src="../../js/variant.js?1694640597"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -51,33 +51,33 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../categories/basic/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <span>
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </span>
-            </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../index.html" title="Hugo Relearn Theme (🡐)">
-                <i class="fa-fw fas fa-chevron-left"></i>
-              </a>
-            </div>
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../categories/index.html"><span itemprop="name">Categories</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Category :: basic</span><meta itemprop="position" content="3"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-prev">
+              <a href="../../index.html" title="Hugo Relearn Theme (🡐)">
+                <i class="fa-fw fas fa-chevron-left"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-next">
+              <span>
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </span>
+            </div>
           </div>
         </div>
       </nav>
@@ -175,12 +175,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1694553674" defer></script>
-        <script src="../../js/search.js?1694553674" defer></script>
+        <script src="../../js/auto-complete.js?1694640598" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1694640598" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694640598" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1694640598" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1694640598" defer></script>
+        <script src="../../js/search.js?1694640598" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -311,8 +311,12 @@
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -320,27 +324,25 @@
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1694553674"></script>
+          <script async src="../../js/github-buttons.js?1694640598"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1694553674" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1694553674" defer></script>
-    <script src="../../js/theme.js?1694553674" defer></script>
+    <script src="../../js/clipboard.min.js?1694640598" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694640598" defer></script>
+    <script src="../../js/theme.js?1694640598" defer></script>
   </body>
 </html>
diff --git a/categories/content/index.html b/categories/content/index.html
index 71fa59d2ef..70bd5002d8 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1694553673" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1694553673" rel="stylesheet">
-    <link href="../../css/fonts.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1694553673" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1694553673" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1694553673" rel="stylesheet">
-    <link href="../../css/print.css?1694553673" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1694553673" rel="stylesheet">
-    <script src="../../js/url.js?1694553673"></script>
-    <script src="../../js/variant.js?1694553673"></script>
+    <link href="../../css/fontawesome-all.min.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694640597" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694640597" rel="stylesheet">
+    <link href="../../css/fonts.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694640597" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694640597" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694640597" rel="stylesheet">
+    <link href="../../css/print.css?1694640597" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1694640597" rel="stylesheet">
+    <script src="../../js/url.js?1694640597"></script>
+    <script src="../../js/variant.js?1694640597"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -51,33 +51,33 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../categories/content/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <span>
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </span>
-            </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../index.html" title="Hugo Relearn Theme (🡐)">
-                <i class="fa-fw fas fa-chevron-left"></i>
-              </a>
-            </div>
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../categories/index.html"><span itemprop="name">Categories</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Category :: content</span><meta itemprop="position" content="3"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-prev">
+              <a href="../../index.html" title="Hugo Relearn Theme (🡐)">
+                <i class="fa-fw fas fa-chevron-left"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-next">
+              <span>
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </span>
+            </div>
           </div>
         </div>
       </nav>
@@ -175,12 +175,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1694553674" defer></script>
-        <script src="../../js/search.js?1694553674" defer></script>
+        <script src="../../js/auto-complete.js?1694640598" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1694640598" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694640598" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1694640598" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1694640598" defer></script>
+        <script src="../../js/search.js?1694640598" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -311,8 +311,12 @@
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -320,27 +324,25 @@
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1694553674"></script>
+          <script async src="../../js/github-buttons.js?1694640598"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1694553674" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1694553674" defer></script>
-    <script src="../../js/theme.js?1694553674" defer></script>
+    <script src="../../js/clipboard.min.js?1694640598" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694640598" defer></script>
+    <script src="../../js/theme.js?1694640598" defer></script>
   </body>
 </html>
diff --git a/categories/custom/index.html b/categories/custom/index.html
index 2f2b2d77a3..ae9ff340fa 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1694553673" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1694553673" rel="stylesheet">
-    <link href="../../css/fonts.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1694553673" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1694553673" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1694553673" rel="stylesheet">
-    <link href="../../css/print.css?1694553673" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1694553673" rel="stylesheet">
-    <script src="../../js/url.js?1694553673"></script>
-    <script src="../../js/variant.js?1694553673"></script>
+    <link href="../../css/fontawesome-all.min.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694640597" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694640597" rel="stylesheet">
+    <link href="../../css/fonts.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694640597" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694640597" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694640597" rel="stylesheet">
+    <link href="../../css/print.css?1694640597" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1694640597" rel="stylesheet">
+    <script src="../../js/url.js?1694640597"></script>
+    <script src="../../js/variant.js?1694640597"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -51,33 +51,33 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../categories/custom/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <span>
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </span>
-            </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../index.html" title="Hugo Relearn Theme (🡐)">
-                <i class="fa-fw fas fa-chevron-left"></i>
-              </a>
-            </div>
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../categories/index.html"><span itemprop="name">Categories</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Category :: custom</span><meta itemprop="position" content="3"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-prev">
+              <a href="../../index.html" title="Hugo Relearn Theme (🡐)">
+                <i class="fa-fw fas fa-chevron-left"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-next">
+              <span>
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </span>
+            </div>
           </div>
         </div>
       </nav>
@@ -175,12 +175,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1694553674" defer></script>
-        <script src="../../js/search.js?1694553674" defer></script>
+        <script src="../../js/auto-complete.js?1694640598" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1694640598" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694640598" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1694640598" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1694640598" defer></script>
+        <script src="../../js/search.js?1694640598" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -311,8 +311,12 @@
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -320,27 +324,25 @@
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1694553674"></script>
+          <script async src="../../js/github-buttons.js?1694640598"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1694553674" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1694553674" defer></script>
-    <script src="../../js/theme.js?1694553674" defer></script>
+    <script src="../../js/clipboard.min.js?1694640598" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694640598" defer></script>
+    <script src="../../js/theme.js?1694640598" defer></script>
   </body>
 </html>
diff --git a/categories/index.html b/categories/index.html
index 304f5ceb57..82adadb189 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1694553673" rel="stylesheet">
-    <link href="../css/auto-complete.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1694553673" rel="stylesheet">
-    <link href="../css/fonts.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1694553673" rel="stylesheet">
-    <link href="../css/theme-auto.css?1694553673" rel="stylesheet" id="variant-style">
-    <link href="../css/variant.css?1694553673" rel="stylesheet">
-    <link href="../css/print.css?1694553673" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1694553673" rel="stylesheet">
-    <script src="../js/url.js?1694553673"></script>
-    <script src="../js/variant.js?1694553673"></script>
+    <link href="../css/fontawesome-all.min.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1694640597" rel="stylesheet">
+    <link href="../css/auto-complete.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1694640597" rel="stylesheet">
+    <link href="../css/fonts.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1694640597" rel="stylesheet">
+    <link href="../css/theme-auto.css?1694640597" rel="stylesheet" id="variant-style">
+    <link href="../css/variant.css?1694640597" rel="stylesheet">
+    <link href="../css/print.css?1694640597" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1694640597" rel="stylesheet">
+    <script src="../js/url.js?1694640597"></script>
+    <script src="../js/variant.js?1694640597"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -51,40 +51,23 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../categories/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <span>
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </span>
-            </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../index.html" title="Hugo Relearn Theme (🡐)">
-                <i class="fa-fw fas fa-chevron-left"></i>
-              </a>
-            </div>
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
+            <div id="sidebar-overlay"></div>
             <div class="topbar-button topbar-toc">
               <button onclick="showToc()" type="button" title="Table of Contents (CTRL&#43;ALT&#43;t)">
                 <i class="fa-fw fas fa-list-alt"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Categories</span><meta itemprop="position" content="2"></li>
-            </ol>
-          </div>
-          <div class="default-animation progress">
-            <div class="toc-wrapper">
+            <div class="default-animation progress">
+              <div class="toc-wrapper">
 <nav id="TableOfContents">
   <ul>
     <li><a href="#b">B</a></li>
@@ -92,6 +75,24 @@
     <li><a href="#t">T</a></li>
   </ul>
 </nav>
+              </div>
+            </div>
+            <div id="toc-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Categories</span><meta itemprop="position" content="2"></li>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-prev">
+              <a href="../index.html" title="Hugo Relearn Theme (🡐)">
+                <i class="fa-fw fas fa-chevron-left"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-next">
+              <span>
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </span>
             </div>
           </div>
         </div>
@@ -201,12 +202,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1694553674" defer></script>
-        <script src="../js/lunr/lunr.min.js?1694553674" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1694553674" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1694553674" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1694553674" defer></script>
-        <script src="../js/search.js?1694553674" defer></script>
+        <script src="../js/auto-complete.js?1694640598" defer></script>
+        <script src="../js/lunr/lunr.min.js?1694640598" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1694640598" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1694640598" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1694640598" defer></script>
+        <script src="../js/search.js?1694640598" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -337,8 +338,12 @@
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -346,27 +351,25 @@
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../js/github-buttons.js?1694553674"></script>
+          <script async src="../js/github-buttons.js?1694640598"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1694553674" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1694553674" defer></script>
-    <script src="../js/theme.js?1694553674" defer></script>
+    <script src="../js/clipboard.min.js?1694640598" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1694640598" defer></script>
+    <script src="../js/theme.js?1694640598" defer></script>
   </body>
 </html>
diff --git a/categories/taxonomy/index.html b/categories/taxonomy/index.html
index 9d52f355b6..781b03c014 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1694553673" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1694553673" rel="stylesheet">
-    <link href="../../css/fonts.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1694553673" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1694553673" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1694553673" rel="stylesheet">
-    <link href="../../css/print.css?1694553673" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1694553673" rel="stylesheet">
-    <script src="../../js/url.js?1694553673"></script>
-    <script src="../../js/variant.js?1694553673"></script>
+    <link href="../../css/fontawesome-all.min.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694640597" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694640597" rel="stylesheet">
+    <link href="../../css/fonts.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694640597" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694640597" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694640597" rel="stylesheet">
+    <link href="../../css/print.css?1694640597" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1694640597" rel="stylesheet">
+    <script src="../../js/url.js?1694640597"></script>
+    <script src="../../js/variant.js?1694640597"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -51,33 +51,33 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../categories/taxonomy/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <span>
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </span>
-            </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../index.html" title="Hugo Relearn Theme (🡐)">
-                <i class="fa-fw fas fa-chevron-left"></i>
-              </a>
-            </div>
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../categories/index.html"><span itemprop="name">Categories</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Category :: taxonomy</span><meta itemprop="position" content="3"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-prev">
+              <a href="../../index.html" title="Hugo Relearn Theme (🡐)">
+                <i class="fa-fw fas fa-chevron-left"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-next">
+              <span>
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </span>
+            </div>
           </div>
         </div>
       </nav>
@@ -175,12 +175,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1694553674" defer></script>
-        <script src="../../js/search.js?1694553674" defer></script>
+        <script src="../../js/auto-complete.js?1694640598" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1694640598" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694640598" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1694640598" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1694640598" defer></script>
+        <script src="../../js/search.js?1694640598" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -311,8 +311,12 @@
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -320,27 +324,25 @@
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1694553674"></script>
+          <script async src="../../js/github-buttons.js?1694640598"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1694553674" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1694553674" defer></script>
-    <script src="../../js/theme.js?1694553674" defer></script>
+    <script src="../../js/clipboard.min.js?1694640598" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694640598" defer></script>
+    <script src="../../js/theme.js?1694640598" defer></script>
   </body>
 </html>
diff --git a/categories/theming/index.html b/categories/theming/index.html
index d92d886838..9bc923b2b3 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1694553673" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1694553673" rel="stylesheet">
-    <link href="../../css/fonts.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1694553673" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1694553673" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1694553673" rel="stylesheet">
-    <link href="../../css/print.css?1694553673" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1694553673" rel="stylesheet">
-    <script src="../../js/url.js?1694553673"></script>
-    <script src="../../js/variant.js?1694553673"></script>
+    <link href="../../css/fontawesome-all.min.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694640597" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694640597" rel="stylesheet">
+    <link href="../../css/fonts.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694640597" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694640597" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694640597" rel="stylesheet">
+    <link href="../../css/print.css?1694640597" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1694640597" rel="stylesheet">
+    <script src="../../js/url.js?1694640597"></script>
+    <script src="../../js/variant.js?1694640597"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -51,33 +51,33 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../categories/theming/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <span>
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </span>
-            </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../index.html" title="Hugo Relearn Theme (🡐)">
-                <i class="fa-fw fas fa-chevron-left"></i>
-              </a>
-            </div>
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../categories/index.html"><span itemprop="name">Categories</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Category :: theming</span><meta itemprop="position" content="3"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-prev">
+              <a href="../../index.html" title="Hugo Relearn Theme (🡐)">
+                <i class="fa-fw fas fa-chevron-left"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-next">
+              <span>
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </span>
+            </div>
           </div>
         </div>
       </nav>
@@ -176,12 +176,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1694553674" defer></script>
-        <script src="../../js/search.js?1694553674" defer></script>
+        <script src="../../js/auto-complete.js?1694640598" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1694640598" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694640598" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1694640598" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1694640598" defer></script>
+        <script src="../../js/search.js?1694640598" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -312,8 +312,12 @@
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -321,27 +325,25 @@
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1694553674"></script>
+          <script async src="../../js/github-buttons.js?1694640598"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1694553674" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1694553674" defer></script>
-    <script src="../../js/theme.js?1694553674" defer></script>
+    <script src="../../js/clipboard.min.js?1694640598" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694640598" defer></script>
+    <script src="../../js/theme.js?1694640598" defer></script>
   </body>
 </html>
diff --git a/cont/archetypes/index.html b/cont/archetypes/index.html
index bc14f16bb1..64a16593a9 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1694553673" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1694553673" rel="stylesheet">
-    <link href="../../css/fonts.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1694553673" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1694553673" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1694553673" rel="stylesheet">
-    <link href="../../css/print.css?1694553673" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1694553673" rel="stylesheet">
-    <script src="../../js/url.js?1694553673"></script>
-    <script src="../../js/variant.js?1694553673"></script>
+    <link href="../../css/fontawesome-all.min.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694640597" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694640597" rel="stylesheet">
+    <link href="../../css/fonts.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694640597" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694640597" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694640597" rel="stylesheet">
+    <link href="../../css/print.css?1694640597" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1694640597" rel="stylesheet">
+    <script src="../../js/url.js?1694640597"></script>
+    <script src="../../js/variant.js?1694640597"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -52,51 +52,23 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../cont/archetypes/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <a href="../../cont/markdown/index.html" title="Markdown syntax (🡒)">
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../cont/pages/index.html" title="Pages organization (🡐)">
-                <i class="fa-fw fas fa-chevron-left"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-print">
-              <a href="../../cont/archetypes/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
-                <i class="fa-fw fas fa-print"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-edit">
-              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/cont/archetypes/_index.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
-                <i class="fa-fw fas fa-pen"></i>
-              </a>
-            </div>
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
+            <div id="sidebar-overlay"></div>
             <div class="topbar-button topbar-toc">
               <button onclick="showToc()" type="button" title="Table of Contents (CTRL&#43;ALT&#43;t)">
                 <i class="fa-fw fas fa-list-alt"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../cont/index.html"><span itemprop="name">Content</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Archetypes</span><meta itemprop="position" content="3"></li>
-            </ol>
-          </div>
-          <div class="default-animation progress">
-            <div class="toc-wrapper">
+            <div class="default-animation progress">
+              <div class="toc-wrapper">
 <nav id="TableOfContents">
   <ul>
     <li><a href="#predefined-archetypes">Predefined Archetypes</a>
@@ -114,6 +86,35 @@
     </li>
   </ul>
 </nav>
+              </div>
+            </div>
+            <div id="toc-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../cont/index.html"><span itemprop="name">Content</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Archetypes</span><meta itemprop="position" content="3"></li>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-edit">
+              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/cont/archetypes/_index.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+                <i class="fa-fw fas fa-pen"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-print">
+              <a href="../../cont/archetypes/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
+                <i class="fa-fw fas fa-print"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-prev">
+              <a href="../../cont/pages/index.html" title="Pages organization (🡐)">
+                <i class="fa-fw fas fa-chevron-left"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-next">
+              <a href="../../cont/markdown/index.html" title="Markdown syntax (🡒)">
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </a>
             </div>
           </div>
         </div>
@@ -130,8 +131,8 @@
 <h2 id="predefined-archetypes">Predefined Archetypes</h2>
 <h3 id="archetypes-home">Home</h3>
 <p>A <strong>Home</strong> page is the starting page of your project. It&rsquo;s best to have only one page of this kind in your project.</p>
-<p><a href="#image-4af10c1b03a01a94e0b9f2feac7dee14" class="lightbox-link"><img src="../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-4af10c1b03a01a94e0b9f2feac7dee14"><img src="../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-a124cd7023529462a22f79a5586533fa" class="lightbox-link"><img src="../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-a124cd7023529462a22f79a5586533fa"><img src="../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>To create a home page, run the following command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind home _index.md</span></span></code></pre></div><p>This leads to a file with the following content</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">+++
@@ -141,8 +142,8 @@
 </span></span><span class="line"><span class="cl">
 </span></span><span class="line"><span class="cl">Lorem Ipsum.</span></span></code></pre></div><h3 id="archetypes-chapter">Chapter</h3>
 <p>A <strong>Chapter</strong> displays a page meant to be used as introduction for a set of child pages. Commonly, it contains a simple title and a catch line to define content that can be found below it.</p>
-<p><a href="#image-3c095a08f8a79b10f94b8951911c3d10" class="lightbox-link"><img src="../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-3c095a08f8a79b10f94b8951911c3d10"><img src="../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-83b647dab286e74734903bd68e1529aa" class="lightbox-link"><img src="../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-83b647dab286e74734903bd68e1529aa"><img src="../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>To create a chapter page, run the following command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter &lt;name&gt;/_index.md</span></span></code></pre></div><p>This leads to a file with the following content</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">+++
@@ -154,8 +155,8 @@
 </span></span><span class="line"><span class="cl">Lorem Ipsum.</span></span></code></pre></div><p>Replace the <code>X</code> with a number. Because this number will be used to generate the subtitle of the chapter page, set the number to a consecutive value starting at 1 for each new chapter level.</p>
 <h3 id="archetypes-default">Default</h3>
 <p>A <strong>Default</strong> page is any other content page. If you set an unknown archetype in your frontmatter, this archetype will be used to generate the page.</p>
-<p><a href="#image-c34cacce11b45a4bf2a0167c4a2ba7d7" class="lightbox-link"><img src="../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-c34cacce11b45a4bf2a0167c4a2ba7d7"><img src="../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-28349303b178e27d73021c4f99a54a4d" class="lightbox-link"><img src="../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-28349303b178e27d73021c4f99a54a4d"><img src="../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>To create a default page, run either one of the following commands</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new &lt;chapter&gt;/&lt;name&gt;/_index.md</span></span></code></pre></div><p>or</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new &lt;chapter&gt;/&lt;name&gt;.md</span></span></code></pre></div><p>This leads to a file with the following content</p>
@@ -285,12 +286,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1694553674" defer></script>
-        <script src="../../js/search.js?1694553674" defer></script>
+        <script src="../../js/auto-complete.js?1694640598" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1694640598" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694640598" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1694640598" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1694640598" defer></script>
+        <script src="../../js/search.js?1694640598" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -421,8 +422,12 @@
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -430,27 +435,25 @@
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1694553674"></script>
+          <script async src="../../js/github-buttons.js?1694640598"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1694553674" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1694553674" defer></script>
-    <script src="../../js/theme.js?1694553674" defer></script>
+    <script src="../../js/clipboard.min.js?1694640598" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694640598" defer></script>
+    <script src="../../js/theme.js?1694640598" defer></script>
   </body>
 </html>
diff --git a/cont/archetypes/index.print.html b/cont/archetypes/index.print.html
index 2dc0ea84ff..c5dedd204d 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1694553675" rel="stylesheet">
-    <link href="../../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../../js/url.js?1694553675"></script>
-    <script src="../../js/variant.js?1694553675"></script>
+    <link href="../../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1694640598" rel="stylesheet">
+    <link href="../../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../../js/url.js?1694640598"></script>
+    <script src="../../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -53,23 +53,23 @@
   </head>
   <body class="mobile-support print disableInlineCopyToClipboard" data-url="../../cont/archetypes/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../cont/index.html"><span itemprop="name">Content</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Archetypes</span><meta itemprop="position" content="3"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
           </div>
         </div>
       </nav>
@@ -85,8 +85,8 @@
 <h2 id="predefined-archetypes">Predefined Archetypes</h2>
 <h3 id="archetypes-home">Home</h3>
 <p>A <strong>Home</strong> page is the starting page of your project. It&rsquo;s best to have only one page of this kind in your project.</p>
-<p><a href="#image-4af10c1b03a01a94e0b9f2feac7dee14" class="lightbox-link"><img src="../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-4af10c1b03a01a94e0b9f2feac7dee14"><img src="../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-a124cd7023529462a22f79a5586533fa" class="lightbox-link"><img src="../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-a124cd7023529462a22f79a5586533fa"><img src="../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>To create a home page, run the following command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind home _index.md</span></span></code></pre></div><p>This leads to a file with the following content</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">+++
@@ -96,8 +96,8 @@
 </span></span><span class="line"><span class="cl">
 </span></span><span class="line"><span class="cl">Lorem Ipsum.</span></span></code></pre></div><h3 id="archetypes-chapter">Chapter</h3>
 <p>A <strong>Chapter</strong> displays a page meant to be used as introduction for a set of child pages. Commonly, it contains a simple title and a catch line to define content that can be found below it.</p>
-<p><a href="#image-3c095a08f8a79b10f94b8951911c3d10" class="lightbox-link"><img src="../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-3c095a08f8a79b10f94b8951911c3d10"><img src="../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-83b647dab286e74734903bd68e1529aa" class="lightbox-link"><img src="../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-83b647dab286e74734903bd68e1529aa"><img src="../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>To create a chapter page, run the following command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter &lt;name&gt;/_index.md</span></span></code></pre></div><p>This leads to a file with the following content</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">+++
@@ -109,8 +109,8 @@
 </span></span><span class="line"><span class="cl">Lorem Ipsum.</span></span></code></pre></div><p>Replace the <code>X</code> with a number. Because this number will be used to generate the subtitle of the chapter page, set the number to a consecutive value starting at 1 for each new chapter level.</p>
 <h3 id="archetypes-default">Default</h3>
 <p>A <strong>Default</strong> page is any other content page. If you set an unknown archetype in your frontmatter, this archetype will be used to generate the page.</p>
-<p><a href="#image-c34cacce11b45a4bf2a0167c4a2ba7d7" class="lightbox-link"><img src="../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-c34cacce11b45a4bf2a0167c4a2ba7d7"><img src="../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-28349303b178e27d73021c4f99a54a4d" class="lightbox-link"><img src="../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-28349303b178e27d73021c4f99a54a4d"><img src="../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>To create a default page, run either one of the following commands</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new &lt;chapter&gt;/&lt;name&gt;/_index.md</span></span></code></pre></div><p>or</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new &lt;chapter&gt;/&lt;name&gt;.md</span></span></code></pre></div><p>This leads to a file with the following content</p>
@@ -162,8 +162,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1694553675" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1694553675" defer></script>
-    <script src="../../js/theme.js?1694553675" defer></script>
+    <script src="../../js/clipboard.min.js?1694640598" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694640598" defer></script>
+    <script src="../../js/theme.js?1694640598" defer></script>
   </body>
 </html>
diff --git a/cont/i18n/index.html b/cont/i18n/index.html
index 54a43cdc2c..1e1f38ada7 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1694553673" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1694553673" rel="stylesheet">
-    <link href="../../css/fonts.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1694553673" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1694553673" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1694553673" rel="stylesheet">
-    <link href="../../css/print.css?1694553673" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1694553673" rel="stylesheet">
-    <script src="../../js/url.js?1694553673"></script>
-    <script src="../../js/variant.js?1694553673"></script>
+    <link href="../../css/fontawesome-all.min.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694640597" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694640597" rel="stylesheet">
+    <link href="../../css/fonts.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694640597" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694640597" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694640597" rel="stylesheet">
+    <link href="../../css/print.css?1694640597" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1694640597" rel="stylesheet">
+    <script src="../../js/url.js?1694640597"></script>
+    <script src="../../js/variant.js?1694640597"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -52,51 +52,23 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../cont/i18n/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <a href="../../cont/taxonomy/index.html" title="Taxonomy (🡒)">
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../cont/menushortcuts/index.html" title="Menu extra shortcuts (🡐)">
-                <i class="fa-fw fas fa-chevron-left"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-print">
-              <a href="../../cont/i18n/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
-                <i class="fa-fw fas fa-print"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-edit">
-              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/cont/i18n/_index.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
-                <i class="fa-fw fas fa-pen"></i>
-              </a>
-            </div>
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
+            <div id="sidebar-overlay"></div>
             <div class="topbar-button topbar-toc">
               <button onclick="showToc()" type="button" title="Table of Contents (CTRL&#43;ALT&#43;t)">
                 <i class="fa-fw fas fa-list-alt"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../cont/index.html"><span itemprop="name">Content</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Multilingual and i18n</span><meta itemprop="position" content="3"></li>
-            </ol>
-          </div>
-          <div class="default-animation progress">
-            <div class="toc-wrapper">
+            <div class="default-animation progress">
+              <div class="toc-wrapper">
 <nav id="TableOfContents">
   <ul>
     <li><a href="#basic-configuration">Basic configuration</a></li>
@@ -109,6 +81,35 @@
     <li><a href="#disable-language-switching">Disable language switching</a></li>
   </ul>
 </nav>
+              </div>
+            </div>
+            <div id="toc-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../cont/index.html"><span itemprop="name">Content</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Multilingual and i18n</span><meta itemprop="position" content="3"></li>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-edit">
+              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/cont/i18n/_index.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+                <i class="fa-fw fas fa-pen"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-print">
+              <a href="../../cont/i18n/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
+                <i class="fa-fw fas fa-print"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-prev">
+              <a href="../../cont/menushortcuts/index.html" title="Menu extra shortcuts (🡐)">
+                <i class="fa-fw fas fa-chevron-left"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-next">
+              <a href="../../cont/taxonomy/index.html" title="Taxonomy (🡒)">
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </a>
             </div>
           </div>
         </div>
@@ -127,8 +128,8 @@
 <li>Automatic menu generation from multilingual content</li>
 <li>In-browser language switching</li>
 </ul>
-<p><a href="#image-b097e2b57994e861e6d5d5087523f6d4" class="lightbox-link"><img src="../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-b097e2b57994e861e6d5d5087523f6d4"><img src="../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-fb768b65aff9072b15ab6b1f11c51c85" class="lightbox-link"><img src="../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-fb768b65aff9072b15ab6b1f11c51c85"><img src="../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="basic-configuration">Basic configuration</h2>
 <p>After learning <a href="https://gohugo.io/content-management/multilingual" target="_blank">how Hugo handle multilingual websites</a>, define your languages in your <code>config.toml</code> file.</p>
 <p>For example with current English and Piratized English website.</p>
@@ -306,12 +307,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?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1694553674" defer></script>
-        <script src="../../js/search.js?1694553674" defer></script>
+        <script src="../../js/auto-complete.js?1694640598" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1694640598" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694640598" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1694640598" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1694640598" defer></script>
+        <script src="../../js/search.js?1694640598" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -442,8 +443,12 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -451,27 +456,25 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1694553674"></script>
+          <script async src="../../js/github-buttons.js?1694640598"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1694553674" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1694553674" defer></script>
-    <script src="../../js/theme.js?1694553674" defer></script>
+    <script src="../../js/clipboard.min.js?1694640598" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694640598" defer></script>
+    <script src="../../js/theme.js?1694640598" defer></script>
   </body>
 </html>
diff --git a/cont/i18n/index.print.html b/cont/i18n/index.print.html
index bf985daeb8..5e0f017820 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1694553675" rel="stylesheet">
-    <link href="../../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../../js/url.js?1694553675"></script>
-    <script src="../../js/variant.js?1694553675"></script>
+    <link href="../../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1694640598" rel="stylesheet">
+    <link href="../../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../../js/url.js?1694640598"></script>
+    <script src="../../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -53,23 +53,23 @@
   </head>
   <body class="mobile-support print disableInlineCopyToClipboard" data-url="../../cont/i18n/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../cont/index.html"><span itemprop="name">Content</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Multilingual and i18n</span><meta itemprop="position" content="3"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
           </div>
         </div>
       </nav>
@@ -87,8 +87,8 @@
 <li>Automatic menu generation from multilingual content</li>
 <li>In-browser language switching</li>
 </ul>
-<p><a href="#image-b097e2b57994e861e6d5d5087523f6d4" class="lightbox-link"><img src="../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-b097e2b57994e861e6d5d5087523f6d4"><img src="../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-fb768b65aff9072b15ab6b1f11c51c85" class="lightbox-link"><img src="../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-fb768b65aff9072b15ab6b1f11c51c85"><img src="../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="basic-configuration">Basic configuration</h2>
 <p>After learning <a href="https://gohugo.io/content-management/multilingual" target="_blank">how Hugo handle multilingual websites</a>, define your languages in your <code>config.toml</code> file.</p>
 <p>For example with current English and Piratized English website.</p>
@@ -188,8 +188,8 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1694553675" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1694553675" defer></script>
-    <script src="../../js/theme.js?1694553675" defer></script>
+    <script src="../../js/clipboard.min.js?1694640598" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694640598" defer></script>
+    <script src="../../js/theme.js?1694640598" defer></script>
   </body>
 </html>
diff --git a/cont/imageeffects/index.html b/cont/imageeffects/index.html
index ea29593049..0e34b03d1c 100644
--- a/cont/imageeffects/index.html
+++ b/cont/imageeffects/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/imageeffects/index.html" rel="alternate" hreflang="pir">
     <link href="../../cont/imageeffects/index.xml" rel="alternate" type="application/rss+xml" title="Image Effects :: Hugo Relearn Theme">
     <link href="../../cont/imageeffects/index.print.html" rel="alternate" type="text/html" title="Image Effects :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1694553673" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1694553673" rel="stylesheet">
-    <link href="../../css/fonts.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1694553673" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1694553673" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1694553673" rel="stylesheet">
-    <link href="../../css/print.css?1694553673" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1694553673" rel="stylesheet">
-    <script src="../../js/url.js?1694553673"></script>
-    <script src="../../js/variant.js?1694553673"></script>
+    <link href="../../css/fontawesome-all.min.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694640597" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694640597" rel="stylesheet">
+    <link href="../../css/fonts.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694640597" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694640597" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694640597" rel="stylesheet">
+    <link href="../../css/print.css?1694640597" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1694640597" rel="stylesheet">
+    <script src="../../js/url.js?1694640597"></script>
+    <script src="../../js/variant.js?1694640597"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -52,19 +52,41 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../cont/imageeffects/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <a href="../../cont/menushortcuts/index.html" title="Menu extra shortcuts (🡒)">
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </a>
+          <div class="topbar-sidebar-divider"></div>
+          <div class="topbar-left">
+            <div class="topbar-button topbar-sidebar">
+              <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
+                <i class="fa-fw fas fa-bars"></i>
+              </button>
             </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../cont/markdown/index.html" title="Markdown syntax (🡐)">
-                <i class="fa-fw fas fa-chevron-left"></i>
+            <div id="sidebar-overlay"></div>
+            <div class="topbar-button topbar-toc">
+              <button onclick="showToc()" type="button" title="Table of Contents (CTRL&#43;ALT&#43;t)">
+                <i class="fa-fw fas fa-list-alt"></i>
+              </button>
+            </div>
+            <div class="default-animation progress">
+              <div class="toc-wrapper">
+<nav id="TableOfContents">
+  <ul>
+    <li><a href="#extending">Extending</a></li>
+  </ul>
+</nav>
+              </div>
+            </div>
+            <div id="toc-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../cont/index.html"><span itemprop="name">Content</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Image Effects</span><meta itemprop="position" content="3"></li>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-edit">
+              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/cont/imageeffects.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+                <i class="fa-fw fas fa-pen"></i>
               </a>
             </div>
             <div class="topbar-button topbar-print">
@@ -72,36 +94,15 @@
                 <i class="fa-fw fas fa-print"></i>
               </a>
             </div>
-            <div class="topbar-button topbar-edit">
-              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/cont/imageeffects.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
-                <i class="fa-fw fas fa-pen"></i>
+            <div class="topbar-button topbar-prev">
+              <a href="../../cont/markdown/index.html" title="Markdown syntax (🡐)">
+                <i class="fa-fw fas fa-chevron-left"></i>
               </a>
             </div>
-          </div>
-          <div class="topbar-left">
-            <div class="topbar-button topbar-sidebar">
-              <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
-                <i class="fa-fw fas fa-bars"></i>
-              </button>
-            </div>
-            <div class="topbar-button topbar-toc">
-              <button onclick="showToc()" type="button" title="Table of Contents (CTRL&#43;ALT&#43;t)">
-                <i class="fa-fw fas fa-list-alt"></i>
-              </button>
-            </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../cont/index.html"><span itemprop="name">Content</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Image Effects</span><meta itemprop="position" content="3"></li>
-            </ol>
-          </div>
-          <div class="default-animation progress">
-            <div class="toc-wrapper">
-<nav id="TableOfContents">
-  <ul>
-    <li><a href="#extending">Extending</a></li>
-  </ul>
-</nav>
+            <div class="topbar-button topbar-next">
+              <a href="../../cont/menushortcuts/index.html" title="Menu extra shortcuts (🡒)">
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </a>
             </div>
           </div>
         </div>
@@ -120,13 +121,13 @@
 <p>Without any settings in your <code>config.toml</code> this defaults to</p>
 
   
-<div class="tab-panel" data-tab-group="3a1f5f72a57123cef03b9ebefc71a767">
+<div class="tab-panel" data-tab-group="705ff8406b18693241f688e90b399120">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="configtoml"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('3a1f5f72a57123cef03b9ebefc71a767','configtoml')"
+      onclick="switchTab('705ff8406b18693241f688e90b399120','configtoml')"
     >
       <div>
         <div class="tab-nav-hidden">config.toml</div>
@@ -150,13 +151,13 @@
 </div><p>This can be overridden in a pages frontmatter by eg.</p>
 
   
-<div class="tab-panel" data-tab-group="6bbd0fb13ee9253b296838c382339131">
+<div class="tab-panel" data-tab-group="6e75f060ee3d25b028c0c192186f26fe">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="frontmatter"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('6bbd0fb13ee9253b296838c382339131','frontmatter')"
+      onclick="switchTab('6e75f060ee3d25b028c0c192186f26fe','frontmatter')"
     >
       <div>
         <div class="tab-nav-hidden">frontmatter</div>
@@ -179,13 +180,13 @@
 </div><p>Or by explicitly override settings by URL query parameter</p>
 
   
-<div class="tab-panel" data-tab-group="71c102829b61d4ee8033a3fabe9d4553">
+<div class="tab-panel" data-tab-group="112879dcdcef60ca1c110f7ab3e4bb23">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="url"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('71c102829b61d4ee8033a3fabe9d4553','url')"
+      onclick="switchTab('112879dcdcef60ca1c110f7ab3e4bb23','url')"
     >
       <div>
         <div class="tab-nav-hidden">URL</div>
@@ -205,13 +206,13 @@
 </div><p>The settings applied to the above image would be</p>
 
   
-<div class="tab-panel" data-tab-group="c1e098be5480ed2b240f8987007b596e">
+<div class="tab-panel" data-tab-group="0be858934eb5a7eb62f4fa802eb7fd95">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="result"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('c1e098be5480ed2b240f8987007b596e','result')"
+      onclick="switchTab('0be858934eb5a7eb62f4fa802eb7fd95','result')"
     >
       <div>
         <div class="tab-nav-hidden">Result</div>
@@ -234,13 +235,13 @@
 </div><p>This ends up in the following HTML where the parameter are converted to CSS classes.</p>
 
   
-<div class="tab-panel" data-tab-group="3e5614aaae5822fc2cfa4ea7577ea015">
+<div class="tab-panel" data-tab-group="7605f0a4b4d91454499548abb26e2d26">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="html"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('3e5614aaae5822fc2cfa4ea7577ea015','html')"
+      onclick="switchTab('7605f0a4b4d91454499548abb26e2d26','html')"
     >
       <div>
         <div class="tab-nav-hidden">HTML</div>
@@ -354,12 +355,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1694553673" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1694553673" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694553673" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1694553673" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1694553673" defer></script>
-        <script src="../../js/search.js?1694553673" defer></script>
+        <script src="../../js/auto-complete.js?1694640597" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1694640597" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694640597" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1694640597" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1694640597" defer></script>
+        <script src="../../js/search.js?1694640597" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -490,8 +491,12 @@
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -499,27 +504,25 @@
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1694553673"></script>
+          <script async src="../../js/github-buttons.js?1694640597"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1694553673" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1694553673" defer></script>
-    <script src="../../js/theme.js?1694553673" defer></script>
+    <script src="../../js/clipboard.min.js?1694640597" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694640597" defer></script>
+    <script src="../../js/theme.js?1694640597" defer></script>
   </body>
 </html>
diff --git a/cont/imageeffects/index.print.html b/cont/imageeffects/index.print.html
index 6b1f0ee1bf..26e6abe793 100644
--- a/cont/imageeffects/index.print.html
+++ b/cont/imageeffects/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/imageeffects/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/cont/imageeffects/index.html" rel="canonical" type="text/html" title="Image Effects :: Hugo Relearn Theme">
     <link href="../../cont/imageeffects/index.xml" rel="alternate" type="application/rss+xml" title="Image Effects :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1694553675" rel="stylesheet">
-    <link href="../../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../../js/url.js?1694553675"></script>
-    <script src="../../js/variant.js?1694553675"></script>
+    <link href="../../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1694640598" rel="stylesheet">
+    <link href="../../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../../js/url.js?1694640598"></script>
+    <script src="../../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -53,23 +53,23 @@
   </head>
   <body class="mobile-support print disableInlineCopyToClipboard" data-url="../../cont/imageeffects/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../cont/index.html"><span itemprop="name">Content</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Image Effects</span><meta itemprop="position" content="3"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
           </div>
         </div>
       </nav>
@@ -87,13 +87,13 @@
 <p>Without any settings in your <code>config.toml</code> this defaults to</p>
 
   
-<div class="tab-panel" data-tab-group="3a1f5f72a57123cef03b9ebefc71a767">
+<div class="tab-panel" data-tab-group="705ff8406b18693241f688e90b399120">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="configtoml"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('3a1f5f72a57123cef03b9ebefc71a767','configtoml')"
+      onclick="switchTab('705ff8406b18693241f688e90b399120','configtoml')"
     >
       <div>
         <div class="tab-nav-hidden">config.toml</div>
@@ -117,13 +117,13 @@
 </div><p>This can be overridden in a pages frontmatter by eg.</p>
 
   
-<div class="tab-panel" data-tab-group="6bbd0fb13ee9253b296838c382339131">
+<div class="tab-panel" data-tab-group="6e75f060ee3d25b028c0c192186f26fe">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="frontmatter"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('6bbd0fb13ee9253b296838c382339131','frontmatter')"
+      onclick="switchTab('6e75f060ee3d25b028c0c192186f26fe','frontmatter')"
     >
       <div>
         <div class="tab-nav-hidden">frontmatter</div>
@@ -146,13 +146,13 @@
 </div><p>Or by explicitly override settings by URL query parameter</p>
 
   
-<div class="tab-panel" data-tab-group="71c102829b61d4ee8033a3fabe9d4553">
+<div class="tab-panel" data-tab-group="112879dcdcef60ca1c110f7ab3e4bb23">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="url"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('71c102829b61d4ee8033a3fabe9d4553','url')"
+      onclick="switchTab('112879dcdcef60ca1c110f7ab3e4bb23','url')"
     >
       <div>
         <div class="tab-nav-hidden">URL</div>
@@ -172,13 +172,13 @@
 </div><p>The settings applied to the above image would be</p>
 
   
-<div class="tab-panel" data-tab-group="c1e098be5480ed2b240f8987007b596e">
+<div class="tab-panel" data-tab-group="0be858934eb5a7eb62f4fa802eb7fd95">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="result"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('c1e098be5480ed2b240f8987007b596e','result')"
+      onclick="switchTab('0be858934eb5a7eb62f4fa802eb7fd95','result')"
     >
       <div>
         <div class="tab-nav-hidden">Result</div>
@@ -201,13 +201,13 @@
 </div><p>This ends up in the following HTML where the parameter are converted to CSS classes.</p>
 
   
-<div class="tab-panel" data-tab-group="3e5614aaae5822fc2cfa4ea7577ea015">
+<div class="tab-panel" data-tab-group="7605f0a4b4d91454499548abb26e2d26">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="html"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('3e5614aaae5822fc2cfa4ea7577ea015','html')"
+      onclick="switchTab('7605f0a4b4d91454499548abb26e2d26','html')"
     >
       <div>
         <div class="tab-nav-hidden">HTML</div>
@@ -243,8 +243,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1694553675" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1694553675" defer></script>
-    <script src="../../js/theme.js?1694553675" defer></script>
+    <script src="../../js/clipboard.min.js?1694640598" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694640598" defer></script>
+    <script src="../../js/theme.js?1694640598" defer></script>
   </body>
 </html>
diff --git a/cont/index.html b/cont/index.html
index 83d771fd4d..2113184e41 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1694553673" rel="stylesheet">
-    <link href="../css/auto-complete.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1694553673" rel="stylesheet">
-    <link href="../css/fonts.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1694553673" rel="stylesheet">
-    <link href="../css/theme-auto.css?1694553673" rel="stylesheet" id="variant-style">
-    <link href="../css/variant.css?1694553673" rel="stylesheet">
-    <link href="../css/print.css?1694553673" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1694553673" rel="stylesheet">
-    <script src="../js/url.js?1694553673"></script>
-    <script src="../js/variant.js?1694553673"></script>
+    <link href="../css/fontawesome-all.min.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1694640597" rel="stylesheet">
+    <link href="../css/auto-complete.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1694640597" rel="stylesheet">
+    <link href="../css/fonts.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1694640597" rel="stylesheet">
+    <link href="../css/theme-auto.css?1694640597" rel="stylesheet" id="variant-style">
+    <link href="../css/variant.css?1694640597" rel="stylesheet">
+    <link href="../css/print.css?1694640597" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1694640597" rel="stylesheet">
+    <script src="../js/url.js?1694640597"></script>
+    <script src="../js/variant.js?1694640597"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -52,19 +52,25 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../cont/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <a href="../cont/pages/index.html" title="Pages organization (🡒)">
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </a>
+          <div class="topbar-sidebar-divider"></div>
+          <div class="topbar-left">
+            <div class="topbar-button topbar-sidebar">
+              <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
+                <i class="fa-fw fas fa-bars"></i>
+              </button>
             </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../basics/history/index.html" title="History (🡐)">
-                <i class="fa-fw fas fa-chevron-left"></i>
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Content</span><meta itemprop="position" content="2"></li>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-edit">
+              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/cont/_index.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+                <i class="fa-fw fas fa-pen"></i>
               </a>
             </div>
             <div class="topbar-button topbar-print">
@@ -72,22 +78,16 @@
                 <i class="fa-fw fas fa-print"></i>
               </a>
             </div>
-            <div class="topbar-button topbar-edit">
-              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/cont/_index.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
-                <i class="fa-fw fas fa-pen"></i>
+            <div class="topbar-button topbar-prev">
+              <a href="../basics/history/index.html" title="History (🡐)">
+                <i class="fa-fw fas fa-chevron-left"></i>
               </a>
             </div>
-          </div>
-          <div class="topbar-left">
-            <div class="topbar-button topbar-sidebar">
-              <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
-                <i class="fa-fw fas fa-bars"></i>
-              </button>
+            <div class="topbar-button topbar-next">
+              <a href="../cont/pages/index.html" title="Pages organization (🡒)">
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </a>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Content</span><meta itemprop="position" content="2"></li>
-            </ol>
           </div>
         </div>
       </nav>
@@ -187,12 +187,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1694553674" defer></script>
-        <script src="../js/lunr/lunr.min.js?1694553674" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1694553674" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1694553674" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1694553674" defer></script>
-        <script src="../js/search.js?1694553674" defer></script>
+        <script src="../js/auto-complete.js?1694640598" defer></script>
+        <script src="../js/lunr/lunr.min.js?1694640598" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1694640598" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1694640598" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1694640598" defer></script>
+        <script src="../js/search.js?1694640598" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -323,8 +323,12 @@
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -332,27 +336,25 @@
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../js/github-buttons.js?1694553674"></script>
+          <script async src="../js/github-buttons.js?1694640598"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1694553674" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1694553674" defer></script>
-    <script src="../js/theme.js?1694553674" defer></script>
+    <script src="../js/clipboard.min.js?1694640598" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1694640598" defer></script>
+    <script src="../js/theme.js?1694640598" defer></script>
   </body>
 </html>
diff --git a/cont/index.print.html b/cont/index.print.html
index 170c41ff3a..f57de47a2e 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../css/format-print.css?1694553675" rel="stylesheet">
-    <link href="../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../js/url.js?1694553675"></script>
-    <script src="../js/variant.js?1694553675"></script>
+    <link href="../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../css/format-print.css?1694640598" rel="stylesheet">
+    <link href="../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../js/url.js?1694640598"></script>
+    <script src="../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -53,22 +53,22 @@
   </head>
   <body class="mobile-support print disableInlineCopyToClipboard" data-url="../cont/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Content</span><meta itemprop="position" content="2"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
           </div>
         </div>
       </nav>
@@ -168,8 +168,8 @@
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="err">+++</span>
 </span></span><span class="line"><span class="cl"><span class="nx">title</span> <span class="p">=</span> <span class="s2">&#34;GitHub repo&#34;</span>
 </span></span><span class="line"><span class="cl"><span class="nx">menuPre</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fab fa-github&#39;&gt;&lt;/i&gt; &#34;</span>
-</span></span><span class="line"><span class="cl"><span class="err">+++</span></span></span></code></pre></div><p><a href="#image-0074aa53b6a34a7ee6907de14dff54a9" class="lightbox-link"><img src="../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title with icon" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-0074aa53b6a34a7ee6907de14dff54a9"><img src="../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title with icon" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+</span></span><span class="line"><span class="cl"><span class="err">+++</span></span></span></code></pre></div><p><a href="#image-15dcefc5bfa14fcf22c1132a48f584fc" class="lightbox-link"><img src="../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title with icon" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-15dcefc5bfa14fcf22c1132a48f584fc"><img src="../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title with icon" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h3 id="ordering-sibling-menupage-entries">Ordering sibling menu/page entries</h3>
 <p>Hugo provides a <a href="https://gohugo.io/content/ordering/" target="_blank">flexible way</a> to handle order for your pages.</p>
 <p>The simplest way is to set <code>weight</code> parameter to a number.</p>
@@ -212,8 +212,8 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
 <h2 id="predefined-archetypes">Predefined Archetypes</h2>
 <h3 id="archetypes-home">Home</h3>
 <p>A <strong>Home</strong> page is the starting page of your project. It&rsquo;s best to have only one page of this kind in your project.</p>
-<p><a href="#image-4af10c1b03a01a94e0b9f2feac7dee14" class="lightbox-link"><img src="../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-4af10c1b03a01a94e0b9f2feac7dee14"><img src="../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-a124cd7023529462a22f79a5586533fa" class="lightbox-link"><img src="../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-a124cd7023529462a22f79a5586533fa"><img src="../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>To create a home page, run the following command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind home _index.md</span></span></code></pre></div><p>This leads to a file with the following content</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">+++
@@ -223,8 +223,8 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
 </span></span><span class="line"><span class="cl">
 </span></span><span class="line"><span class="cl">Lorem Ipsum.</span></span></code></pre></div><h3 id="archetypes-chapter">Chapter</h3>
 <p>A <strong>Chapter</strong> displays a page meant to be used as introduction for a set of child pages. Commonly, it contains a simple title and a catch line to define content that can be found below it.</p>
-<p><a href="#image-3c095a08f8a79b10f94b8951911c3d10" class="lightbox-link"><img src="../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-3c095a08f8a79b10f94b8951911c3d10"><img src="../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-83b647dab286e74734903bd68e1529aa" class="lightbox-link"><img src="../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-83b647dab286e74734903bd68e1529aa"><img src="../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>To create a chapter page, run the following command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter &lt;name&gt;/_index.md</span></span></code></pre></div><p>This leads to a file with the following content</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">+++
@@ -236,8 +236,8 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
 </span></span><span class="line"><span class="cl">Lorem Ipsum.</span></span></code></pre></div><p>Replace the <code>X</code> with a number. Because this number will be used to generate the subtitle of the chapter page, set the number to a consecutive value starting at 1 for each new chapter level.</p>
 <h3 id="archetypes-default">Default</h3>
 <p>A <strong>Default</strong> page is any other content page. If you set an unknown archetype in your frontmatter, this archetype will be used to generate the page.</p>
-<p><a href="#image-c34cacce11b45a4bf2a0167c4a2ba7d7" class="lightbox-link"><img src="../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-c34cacce11b45a4bf2a0167c4a2ba7d7"><img src="../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-28349303b178e27d73021c4f99a54a4d" class="lightbox-link"><img src="../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-28349303b178e27d73021c4f99a54a4d"><img src="../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>To create a default page, run either one of the following commands</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new &lt;chapter&gt;/&lt;name&gt;/_index.md</span></span></code></pre></div><p>or</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new &lt;chapter&gt;/&lt;name&gt;.md</span></span></code></pre></div><p>This leads to a file with the following content</p>
@@ -808,8 +808,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-dab655d09cb29de5b985db1feae1e470" class="lightbox-link"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-dab655d09cb29de5b985db1feae1e470"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-24fe53473defdde3bbf63b1db604cd8c" class="lightbox-link"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-24fe53473defdde3bbf63b1db604cd8c"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-with-tooltip">Image with Tooltip</h3>
@@ -819,8 +819,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-af13da3b5f5905e28c84992f0505376e" class="lightbox-link"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-af13da3b5f5905e28c84992f0505376e"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-4311573b9fb8ac86dd807ee3e12bc8fe" class="lightbox-link"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-4311573b9fb8ac86dd807ee3e12bc8fe"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-references">Image References</h3>
@@ -832,8 +832,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-86bb6137e0e9d9be7a4a6aca7e9970ff" class="lightbox-link"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-86bb6137e0e9d9be7a4a6aca7e9970ff"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-dee7bd045397b966dd689b3e5c8f5639" class="lightbox-link"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-dee7bd045397b966dd689b3e5c8f5639"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-effects">Image Effects</h3>
@@ -845,8 +845,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-ddc222518bd0cfadf0dd3afaeb8ea242" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-ddc222518bd0cfadf0dd3afaeb8ea242"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-edbdbf731b3b3151f10fa21f7ce1d188" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-edbdbf731b3b3151f10fa21f7ce1d188"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">Minion</span>](<span class="na">https://octodex.github.com/images/minion.png?height=50px</span>)</span></span></code></pre></div>
@@ -854,8 +854,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-f1218fc7adc88dca9947a585211700bd" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-f1218fc7adc88dca9947a585211700bd"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-26b5f529bcb800192e9792f29d211e61" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-26b5f529bcb800192e9792f29d211e61"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">Minion</span>](<span class="na">https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw</span>)</span></span></code></pre></div>
@@ -863,8 +863,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-412d18d2c825489135ac561844cbf3d0" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: 40vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-412d18d2c825489135ac561844cbf3d0"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-a141a4ea1216923df5d9f494b0511cf4" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: 40vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-a141a4ea1216923df5d9f494b0511cf4"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h4 id="css-classes">CSS Classes</h4>
@@ -875,8 +875,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-da71969cb84934de8e0185aee2a9ddb1" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="figure-image bg-white border lightbox noborder shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-da71969cb84934de8e0185aee2a9ddb1"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="lightbox-image bg-white border lightbox noborder shadow" loading="lazy"></a></p>
+<p><a href="#image-631cb039a6a33e7938519299f3ad8f0a" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="figure-image bg-white border lightbox noborder shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-631cb039a6a33e7938519299f3ad8f0a"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="lightbox-image bg-white border lightbox noborder shadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="border">Border</h5>
@@ -885,8 +885,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-4cc07d3e19ab629d820800c7995f16cc" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="figure-image bg-white border lightbox noshadow noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-4cc07d3e19ab629d820800c7995f16cc"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="lightbox-image bg-white border lightbox noshadow noshadow" loading="lazy"></a></p>
+<p><a href="#image-7a8a638dfdb08617ef91fc722bf5fdbb" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="figure-image bg-white border lightbox noshadow noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-7a8a638dfdb08617ef91fc722bf5fdbb"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="lightbox-image bg-white border lightbox noshadow noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="left">Left</h5>
@@ -895,8 +895,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-58b5569c3be054605b7f371451a63578" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="figure-image bg-white border left lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-58b5569c3be054605b7f371451a63578"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image bg-white border left lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-8df89adb76b91daeeecb2d0191d3e491" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="figure-image bg-white border left lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-8df89adb76b91daeeecb2d0191d3e491"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image bg-white border left lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="right">Right</h5>
@@ -905,8 +905,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-49ad8ac7d94835863f06c6cffa17fa0b" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="figure-image bg-white border lightbox right noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-49ad8ac7d94835863f06c6cffa17fa0b"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image bg-white border lightbox right noshadow" loading="lazy"></a></p>
+<p><a href="#image-19e4d74b9f31d7733fd880feda8e1651" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="figure-image bg-white border lightbox right noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-19e4d74b9f31d7733fd880feda8e1651"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image bg-white border lightbox right noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="inline">Inline</h5>
@@ -918,14 +918,14 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-cd49ab5f91e6e78b40710b834da4278c" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-cd49ab5f91e6e78b40710b834da4278c"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#image-41dc8ae4d9f0bbf70b30dcf92e357042" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-41dc8ae4d9f0bbf70b30dcf92e357042"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#image-d3ba3c689ae042c7a882322ec646426e" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-d3ba3c689ae042c7a882322ec646426e"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#image-eef706dd77915ed12e0450f39e397daf" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-eef706dd77915ed12e0450f39e397daf"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-08c553456896b870b6632a02d259f27e" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-08c553456896b870b6632a02d259f27e"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#image-f035942f6b22e64dde1bb22850d1d3cf" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-f035942f6b22e64dde1bb22850d1d3cf"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#image-a17db850ec4dcbf9d4dc8b6a3169593f" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-a17db850ec4dcbf9d4dc8b6a3169593f"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#image-1d3fd0c74d33083c37504d1261779f12" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-1d3fd0c74d33083c37504d1261779f12"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="combination">Combination</h5>
@@ -934,8 +934,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-f141536de49ecb36c6683b702e5dde85" class="lightbox-link"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="figure-image bg-white border left lightbox shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-f141536de49ecb36c6683b702e5dde85"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image bg-white border left lightbox shadow" loading="lazy"></a></p>
+<p><a href="#image-4322c39745881733f2d1d0244bf3eccf" class="lightbox-link"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="figure-image bg-white border left lightbox shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-4322c39745881733f2d1d0244bf3eccf"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image bg-white border left lightbox shadow" loading="lazy"></a></p>
 </div>
 </div>
 <h4 id="lightbox">Lightbox</h4>
@@ -975,13 +975,13 @@ line 3 of code
 <p>Without any settings in your <code>config.toml</code> this defaults to</p>
 
   
-<div class="tab-panel" data-tab-group="3a1f5f72a57123cef03b9ebefc71a767">
+<div class="tab-panel" data-tab-group="705ff8406b18693241f688e90b399120">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="configtoml"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('3a1f5f72a57123cef03b9ebefc71a767','configtoml')"
+      onclick="switchTab('705ff8406b18693241f688e90b399120','configtoml')"
     >
       <div>
         <div class="tab-nav-hidden">config.toml</div>
@@ -1005,13 +1005,13 @@ line 3 of code
 </div><p>This can be overridden in a pages frontmatter by eg.</p>
 
   
-<div class="tab-panel" data-tab-group="6bbd0fb13ee9253b296838c382339131">
+<div class="tab-panel" data-tab-group="6e75f060ee3d25b028c0c192186f26fe">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="frontmatter"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('6bbd0fb13ee9253b296838c382339131','frontmatter')"
+      onclick="switchTab('6e75f060ee3d25b028c0c192186f26fe','frontmatter')"
     >
       <div>
         <div class="tab-nav-hidden">frontmatter</div>
@@ -1034,13 +1034,13 @@ line 3 of code
 </div><p>Or by explicitly override settings by URL query parameter</p>
 
   
-<div class="tab-panel" data-tab-group="71c102829b61d4ee8033a3fabe9d4553">
+<div class="tab-panel" data-tab-group="112879dcdcef60ca1c110f7ab3e4bb23">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="url"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('71c102829b61d4ee8033a3fabe9d4553','url')"
+      onclick="switchTab('112879dcdcef60ca1c110f7ab3e4bb23','url')"
     >
       <div>
         <div class="tab-nav-hidden">URL</div>
@@ -1060,13 +1060,13 @@ line 3 of code
 </div><p>The settings applied to the above image would be</p>
 
   
-<div class="tab-panel" data-tab-group="c1e098be5480ed2b240f8987007b596e">
+<div class="tab-panel" data-tab-group="0be858934eb5a7eb62f4fa802eb7fd95">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="result"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('c1e098be5480ed2b240f8987007b596e','result')"
+      onclick="switchTab('0be858934eb5a7eb62f4fa802eb7fd95','result')"
     >
       <div>
         <div class="tab-nav-hidden">Result</div>
@@ -1089,13 +1089,13 @@ line 3 of code
 </div><p>This ends up in the following HTML where the parameter are converted to CSS classes.</p>
 
   
-<div class="tab-panel" data-tab-group="3e5614aaae5822fc2cfa4ea7577ea015">
+<div class="tab-panel" data-tab-group="7605f0a4b4d91454499548abb26e2d26">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="html"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('3e5614aaae5822fc2cfa4ea7577ea015','html')"
+      onclick="switchTab('7605f0a4b4d91454499548abb26e2d26','html')"
     >
       <div>
         <div class="tab-nav-hidden">HTML</div>
@@ -1272,8 +1272,8 @@ However, if you want to keep the title but change its value, it can be overridde
 <li>Automatic menu generation from multilingual content</li>
 <li>In-browser language switching</li>
 </ul>
-<p><a href="#image-b097e2b57994e861e6d5d5087523f6d4" class="lightbox-link"><img src="../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-b097e2b57994e861e6d5d5087523f6d4"><img src="../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-fb768b65aff9072b15ab6b1f11c51c85" class="lightbox-link"><img src="../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-fb768b65aff9072b15ab6b1f11c51c85"><img src="../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="basic-configuration">Basic configuration</h2>
 <p>After learning <a href="https://gohugo.io/content-management/multilingual" target="_blank">how Hugo handle multilingual websites</a>, define your languages in your <code>config.toml</code> file.</p>
 <p>For example with current English and Piratized English website.</p>
@@ -1410,8 +1410,8 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
         </div>
       </main>
     </div>
-    <script src="../js/clipboard.min.js?1694553675" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1694553675" defer></script>
-    <script src="../js/theme.js?1694553675" defer></script>
+    <script src="../js/clipboard.min.js?1694640598" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1694640598" defer></script>
+    <script src="../js/theme.js?1694640598" defer></script>
   </body>
 </html>
diff --git a/cont/markdown/index.html b/cont/markdown/index.html
index b81ca44cd7..f59ab95788 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1694553673" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1694553673" rel="stylesheet">
-    <link href="../../css/fonts.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1694553673" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1694553673" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1694553673" rel="stylesheet">
-    <link href="../../css/print.css?1694553673" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1694553673" rel="stylesheet">
-    <script src="../../js/url.js?1694553673"></script>
-    <script src="../../js/variant.js?1694553673"></script>
+    <link href="../../css/fontawesome-all.min.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694640597" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694640597" rel="stylesheet">
+    <link href="../../css/fonts.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694640597" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694640597" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694640597" rel="stylesheet">
+    <link href="../../css/print.css?1694640597" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1694640597" rel="stylesheet">
+    <script src="../../js/url.js?1694640597"></script>
+    <script src="../../js/variant.js?1694640597"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -52,51 +52,23 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../cont/markdown/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <a href="../../cont/imageeffects/index.html" title="Image Effects (🡒)">
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../cont/archetypes/index.html" title="Archetypes (🡐)">
-                <i class="fa-fw fas fa-chevron-left"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-print">
-              <a href="../../cont/markdown/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
-                <i class="fa-fw fas fa-print"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-edit">
-              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/cont/markdown.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
-                <i class="fa-fw fas fa-pen"></i>
-              </a>
-            </div>
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
+            <div id="sidebar-overlay"></div>
             <div class="topbar-button topbar-toc">
               <button onclick="showToc()" type="button" title="Table of Contents (CTRL&#43;ALT&#43;t)">
                 <i class="fa-fw fas fa-list-alt"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../cont/index.html"><span itemprop="name">Content</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Markdown syntax</span><meta itemprop="position" content="3"></li>
-            </ol>
-          </div>
-          <div class="default-animation progress">
-            <div class="toc-wrapper">
+            <div class="default-animation progress">
+              <div class="toc-wrapper">
 <nav id="TableOfContents">
   <ul>
     <li><a href="#paragraphs">Paragraphs</a></li>
@@ -150,6 +122,35 @@
     </li>
   </ul>
 </nav>
+              </div>
+            </div>
+            <div id="toc-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../cont/index.html"><span itemprop="name">Content</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Markdown syntax</span><meta itemprop="position" content="3"></li>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-edit">
+              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/cont/markdown.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+                <i class="fa-fw fas fa-pen"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-print">
+              <a href="../../cont/markdown/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
+                <i class="fa-fw fas fa-print"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-prev">
+              <a href="../../cont/archetypes/index.html" title="Archetypes (🡐)">
+                <i class="fa-fw fas fa-chevron-left"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-next">
+              <a href="../../cont/imageeffects/index.html" title="Image Effects (🡒)">
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </a>
             </div>
           </div>
         </div>
@@ -678,8 +679,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-dab655d09cb29de5b985db1feae1e470" class="lightbox-link"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-dab655d09cb29de5b985db1feae1e470"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-24fe53473defdde3bbf63b1db604cd8c" class="lightbox-link"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-24fe53473defdde3bbf63b1db604cd8c"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-with-tooltip">Image with Tooltip</h3>
@@ -689,8 +690,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-af13da3b5f5905e28c84992f0505376e" class="lightbox-link"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-af13da3b5f5905e28c84992f0505376e"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-4311573b9fb8ac86dd807ee3e12bc8fe" class="lightbox-link"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-4311573b9fb8ac86dd807ee3e12bc8fe"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-references">Image References</h3>
@@ -702,8 +703,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-86bb6137e0e9d9be7a4a6aca7e9970ff" class="lightbox-link"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-86bb6137e0e9d9be7a4a6aca7e9970ff"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-dee7bd045397b966dd689b3e5c8f5639" class="lightbox-link"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-dee7bd045397b966dd689b3e5c8f5639"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-effects">Image Effects</h3>
@@ -715,8 +716,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-ddc222518bd0cfadf0dd3afaeb8ea242" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-ddc222518bd0cfadf0dd3afaeb8ea242"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-edbdbf731b3b3151f10fa21f7ce1d188" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-edbdbf731b3b3151f10fa21f7ce1d188"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">Minion</span>](<span class="na">https://octodex.github.com/images/minion.png?height=50px</span>)</span></span></code></pre></div>
@@ -724,8 +725,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-f1218fc7adc88dca9947a585211700bd" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-f1218fc7adc88dca9947a585211700bd"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-26b5f529bcb800192e9792f29d211e61" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-26b5f529bcb800192e9792f29d211e61"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">Minion</span>](<span class="na">https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw</span>)</span></span></code></pre></div>
@@ -733,8 +734,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-412d18d2c825489135ac561844cbf3d0" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: 40vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-412d18d2c825489135ac561844cbf3d0"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-a141a4ea1216923df5d9f494b0511cf4" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: 40vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-a141a4ea1216923df5d9f494b0511cf4"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h4 id="css-classes">CSS Classes</h4>
@@ -745,8 +746,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-da71969cb84934de8e0185aee2a9ddb1" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="figure-image bg-white border lightbox noborder shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-da71969cb84934de8e0185aee2a9ddb1"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="lightbox-image bg-white border lightbox noborder shadow" loading="lazy"></a></p>
+<p><a href="#image-631cb039a6a33e7938519299f3ad8f0a" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="figure-image bg-white border lightbox noborder shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-631cb039a6a33e7938519299f3ad8f0a"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="lightbox-image bg-white border lightbox noborder shadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="border">Border</h5>
@@ -755,8 +756,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-4cc07d3e19ab629d820800c7995f16cc" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="figure-image bg-white border lightbox noshadow noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-4cc07d3e19ab629d820800c7995f16cc"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="lightbox-image bg-white border lightbox noshadow noshadow" loading="lazy"></a></p>
+<p><a href="#image-7a8a638dfdb08617ef91fc722bf5fdbb" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="figure-image bg-white border lightbox noshadow noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-7a8a638dfdb08617ef91fc722bf5fdbb"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="lightbox-image bg-white border lightbox noshadow noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="left">Left</h5>
@@ -765,8 +766,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-58b5569c3be054605b7f371451a63578" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="figure-image bg-white border left lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-58b5569c3be054605b7f371451a63578"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image bg-white border left lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-8df89adb76b91daeeecb2d0191d3e491" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="figure-image bg-white border left lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-8df89adb76b91daeeecb2d0191d3e491"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image bg-white border left lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="right">Right</h5>
@@ -775,8 +776,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-49ad8ac7d94835863f06c6cffa17fa0b" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="figure-image bg-white border lightbox right noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-49ad8ac7d94835863f06c6cffa17fa0b"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image bg-white border lightbox right noshadow" loading="lazy"></a></p>
+<p><a href="#image-19e4d74b9f31d7733fd880feda8e1651" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="figure-image bg-white border lightbox right noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-19e4d74b9f31d7733fd880feda8e1651"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image bg-white border lightbox right noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="inline">Inline</h5>
@@ -788,14 +789,14 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-cd49ab5f91e6e78b40710b834da4278c" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-cd49ab5f91e6e78b40710b834da4278c"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#image-41dc8ae4d9f0bbf70b30dcf92e357042" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-41dc8ae4d9f0bbf70b30dcf92e357042"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#image-d3ba3c689ae042c7a882322ec646426e" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-d3ba3c689ae042c7a882322ec646426e"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#image-eef706dd77915ed12e0450f39e397daf" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-eef706dd77915ed12e0450f39e397daf"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-08c553456896b870b6632a02d259f27e" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-08c553456896b870b6632a02d259f27e"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#image-f035942f6b22e64dde1bb22850d1d3cf" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-f035942f6b22e64dde1bb22850d1d3cf"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#image-a17db850ec4dcbf9d4dc8b6a3169593f" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-a17db850ec4dcbf9d4dc8b6a3169593f"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#image-1d3fd0c74d33083c37504d1261779f12" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-1d3fd0c74d33083c37504d1261779f12"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="combination">Combination</h5>
@@ -804,8 +805,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-f141536de49ecb36c6683b702e5dde85" class="lightbox-link"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="figure-image bg-white border left lightbox shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-f141536de49ecb36c6683b702e5dde85"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image bg-white border left lightbox shadow" loading="lazy"></a></p>
+<p><a href="#image-4322c39745881733f2d1d0244bf3eccf" class="lightbox-link"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="figure-image bg-white border left lightbox shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-4322c39745881733f2d1d0244bf3eccf"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image bg-white border left lightbox shadow" loading="lazy"></a></p>
 </div>
 </div>
 <h4 id="lightbox">Lightbox</h4>
@@ -914,12 +915,12 @@ line 3 of code
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1694553673" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1694553673" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694553673" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1694553673" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1694553673" defer></script>
-        <script src="../../js/search.js?1694553673" defer></script>
+        <script src="../../js/auto-complete.js?1694640597" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1694640597" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694640597" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1694640597" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1694640597" defer></script>
+        <script src="../../js/search.js?1694640597" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -1050,8 +1051,12 @@ line 3 of code
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -1059,27 +1064,25 @@ line 3 of code
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1694553673"></script>
+          <script async src="../../js/github-buttons.js?1694640597"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1694553673" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1694553673" defer></script>
-    <script src="../../js/theme.js?1694553673" defer></script>
+    <script src="../../js/clipboard.min.js?1694640597" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694640597" defer></script>
+    <script src="../../js/theme.js?1694640597" defer></script>
   </body>
 </html>
diff --git a/cont/markdown/index.print.html b/cont/markdown/index.print.html
index 21ebf3b0b2..4f9287433b 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1694553675" rel="stylesheet">
-    <link href="../../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../../js/url.js?1694553675"></script>
-    <script src="../../js/variant.js?1694553675"></script>
+    <link href="../../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1694640598" rel="stylesheet">
+    <link href="../../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../../js/url.js?1694640598"></script>
+    <script src="../../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -53,23 +53,23 @@
   </head>
   <body class="mobile-support print disableInlineCopyToClipboard" data-url="../../cont/markdown/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../cont/index.html"><span itemprop="name">Content</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Markdown syntax</span><meta itemprop="position" content="3"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
           </div>
         </div>
       </nav>
@@ -597,8 +597,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-dab655d09cb29de5b985db1feae1e470" class="lightbox-link"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-dab655d09cb29de5b985db1feae1e470"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-24fe53473defdde3bbf63b1db604cd8c" class="lightbox-link"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-24fe53473defdde3bbf63b1db604cd8c"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-with-tooltip">Image with Tooltip</h3>
@@ -608,8 +608,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-af13da3b5f5905e28c84992f0505376e" class="lightbox-link"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-af13da3b5f5905e28c84992f0505376e"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-4311573b9fb8ac86dd807ee3e12bc8fe" class="lightbox-link"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-4311573b9fb8ac86dd807ee3e12bc8fe"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-references">Image References</h3>
@@ -621,8 +621,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-86bb6137e0e9d9be7a4a6aca7e9970ff" class="lightbox-link"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-86bb6137e0e9d9be7a4a6aca7e9970ff"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-dee7bd045397b966dd689b3e5c8f5639" class="lightbox-link"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-dee7bd045397b966dd689b3e5c8f5639"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-effects">Image Effects</h3>
@@ -634,8 +634,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-ddc222518bd0cfadf0dd3afaeb8ea242" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-ddc222518bd0cfadf0dd3afaeb8ea242"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-edbdbf731b3b3151f10fa21f7ce1d188" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-edbdbf731b3b3151f10fa21f7ce1d188"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">Minion</span>](<span class="na">https://octodex.github.com/images/minion.png?height=50px</span>)</span></span></code></pre></div>
@@ -643,8 +643,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-f1218fc7adc88dca9947a585211700bd" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-f1218fc7adc88dca9947a585211700bd"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-26b5f529bcb800192e9792f29d211e61" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-26b5f529bcb800192e9792f29d211e61"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">Minion</span>](<span class="na">https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw</span>)</span></span></code></pre></div>
@@ -652,8 +652,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-412d18d2c825489135ac561844cbf3d0" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: 40vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-412d18d2c825489135ac561844cbf3d0"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-a141a4ea1216923df5d9f494b0511cf4" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: 40vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-a141a4ea1216923df5d9f494b0511cf4"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h4 id="css-classes">CSS Classes</h4>
@@ -664,8 +664,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-da71969cb84934de8e0185aee2a9ddb1" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="figure-image bg-white border lightbox noborder shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-da71969cb84934de8e0185aee2a9ddb1"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="lightbox-image bg-white border lightbox noborder shadow" loading="lazy"></a></p>
+<p><a href="#image-631cb039a6a33e7938519299f3ad8f0a" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="figure-image bg-white border lightbox noborder shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-631cb039a6a33e7938519299f3ad8f0a"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="lightbox-image bg-white border lightbox noborder shadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="border">Border</h5>
@@ -674,8 +674,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-4cc07d3e19ab629d820800c7995f16cc" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="figure-image bg-white border lightbox noshadow noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-4cc07d3e19ab629d820800c7995f16cc"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="lightbox-image bg-white border lightbox noshadow noshadow" loading="lazy"></a></p>
+<p><a href="#image-7a8a638dfdb08617ef91fc722bf5fdbb" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="figure-image bg-white border lightbox noshadow noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-7a8a638dfdb08617ef91fc722bf5fdbb"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="lightbox-image bg-white border lightbox noshadow noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="left">Left</h5>
@@ -684,8 +684,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-58b5569c3be054605b7f371451a63578" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="figure-image bg-white border left lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-58b5569c3be054605b7f371451a63578"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image bg-white border left lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-8df89adb76b91daeeecb2d0191d3e491" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="figure-image bg-white border left lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-8df89adb76b91daeeecb2d0191d3e491"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image bg-white border left lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="right">Right</h5>
@@ -694,8 +694,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-49ad8ac7d94835863f06c6cffa17fa0b" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="figure-image bg-white border lightbox right noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-49ad8ac7d94835863f06c6cffa17fa0b"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image bg-white border lightbox right noshadow" loading="lazy"></a></p>
+<p><a href="#image-19e4d74b9f31d7733fd880feda8e1651" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="figure-image bg-white border lightbox right noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-19e4d74b9f31d7733fd880feda8e1651"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image bg-white border lightbox right noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="inline">Inline</h5>
@@ -707,14 +707,14 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-cd49ab5f91e6e78b40710b834da4278c" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-cd49ab5f91e6e78b40710b834da4278c"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#image-41dc8ae4d9f0bbf70b30dcf92e357042" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-41dc8ae4d9f0bbf70b30dcf92e357042"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#image-d3ba3c689ae042c7a882322ec646426e" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-d3ba3c689ae042c7a882322ec646426e"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#image-eef706dd77915ed12e0450f39e397daf" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-eef706dd77915ed12e0450f39e397daf"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-08c553456896b870b6632a02d259f27e" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-08c553456896b870b6632a02d259f27e"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#image-f035942f6b22e64dde1bb22850d1d3cf" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-f035942f6b22e64dde1bb22850d1d3cf"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#image-a17db850ec4dcbf9d4dc8b6a3169593f" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-a17db850ec4dcbf9d4dc8b6a3169593f"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#image-1d3fd0c74d33083c37504d1261779f12" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-1d3fd0c74d33083c37504d1261779f12"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="combination">Combination</h5>
@@ -723,8 +723,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-f141536de49ecb36c6683b702e5dde85" class="lightbox-link"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="figure-image bg-white border left lightbox shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-f141536de49ecb36c6683b702e5dde85"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image bg-white border left lightbox shadow" loading="lazy"></a></p>
+<p><a href="#image-4322c39745881733f2d1d0244bf3eccf" class="lightbox-link"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="figure-image bg-white border left lightbox shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-4322c39745881733f2d1d0244bf3eccf"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image bg-white border left lightbox shadow" loading="lazy"></a></p>
 </div>
 </div>
 <h4 id="lightbox">Lightbox</h4>
@@ -755,8 +755,8 @@ line 3 of code
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1694553675" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1694553675" defer></script>
-    <script src="../../js/theme.js?1694553675" defer></script>
+    <script src="../../js/clipboard.min.js?1694640598" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694640598" defer></script>
+    <script src="../../js/theme.js?1694640598" defer></script>
   </body>
 </html>
diff --git a/cont/menushortcuts/index.html b/cont/menushortcuts/index.html
index 9d8aa8490c..40fae77825 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1694553673" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1694553673" rel="stylesheet">
-    <link href="../../css/fonts.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1694553673" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1694553673" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1694553673" rel="stylesheet">
-    <link href="../../css/print.css?1694553673" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1694553673" rel="stylesheet">
-    <script src="../../js/url.js?1694553673"></script>
-    <script src="../../js/variant.js?1694553673"></script>
+    <link href="../../css/fontawesome-all.min.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694640597" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694640597" rel="stylesheet">
+    <link href="../../css/fonts.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694640597" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694640597" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694640597" rel="stylesheet">
+    <link href="../../css/print.css?1694640597" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1694640597" rel="stylesheet">
+    <script src="../../js/url.js?1694640597"></script>
+    <script src="../../js/variant.js?1694640597"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -52,51 +52,23 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../cont/menushortcuts/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <a href="../../cont/i18n/index.html" title="Multilingual and i18n (🡒)">
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../cont/imageeffects/index.html" title="Image Effects (🡐)">
-                <i class="fa-fw fas fa-chevron-left"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-print">
-              <a href="../../cont/menushortcuts/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
-                <i class="fa-fw fas fa-print"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-edit">
-              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/cont/menushortcuts.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
-                <i class="fa-fw fas fa-pen"></i>
-              </a>
-            </div>
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
+            <div id="sidebar-overlay"></div>
             <div class="topbar-button topbar-toc">
               <button onclick="showToc()" type="button" title="Table of Contents (CTRL&#43;ALT&#43;t)">
                 <i class="fa-fw fas fa-list-alt"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../cont/index.html"><span itemprop="name">Content</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Menu extra shortcuts</span><meta itemprop="position" content="3"></li>
-            </ol>
-          </div>
-          <div class="default-animation progress">
-            <div class="toc-wrapper">
+            <div class="default-animation progress">
+              <div class="toc-wrapper">
 <nav id="TableOfContents">
   <ul>
     <li><a href="#basic-configuration">Basic configuration</a></li>
@@ -104,6 +76,35 @@
     <li><a href="#shortcuts-to-pages-inside-of-your-project">Shortcuts to pages inside of your project</a></li>
   </ul>
 </nav>
+              </div>
+            </div>
+            <div id="toc-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../cont/index.html"><span itemprop="name">Content</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Menu extra shortcuts</span><meta itemprop="position" content="3"></li>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-edit">
+              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/cont/menushortcuts.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+                <i class="fa-fw fas fa-pen"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-print">
+              <a href="../../cont/menushortcuts/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
+                <i class="fa-fw fas fa-print"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-prev">
+              <a href="../../cont/imageeffects/index.html" title="Image Effects (🡐)">
+                <i class="fa-fw fas fa-chevron-left"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-next">
+              <a href="../../cont/i18n/index.html" title="Multilingual and i18n (🡒)">
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </a>
             </div>
           </div>
         </div>
@@ -323,12 +324,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?1694553673" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1694553673" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694553673" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1694553673" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1694553673" defer></script>
-        <script src="../../js/search.js?1694553673" defer></script>
+        <script src="../../js/auto-complete.js?1694640597" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1694640597" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694640597" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1694640597" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1694640597" defer></script>
+        <script src="../../js/search.js?1694640597" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -459,8 +460,12 @@ However, if you want to keep the title but change its value, it can be overridde
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -468,27 +473,25 @@ However, if you want to keep the title but change its value, it can be overridde
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1694553673"></script>
+          <script async src="../../js/github-buttons.js?1694640597"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1694553673" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1694553673" defer></script>
-    <script src="../../js/theme.js?1694553673" defer></script>
+    <script src="../../js/clipboard.min.js?1694640597" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694640597" defer></script>
+    <script src="../../js/theme.js?1694640597" defer></script>
   </body>
 </html>
diff --git a/cont/menushortcuts/index.print.html b/cont/menushortcuts/index.print.html
index f62e934d79..6c64fe6ad9 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1694553675" rel="stylesheet">
-    <link href="../../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../../js/url.js?1694553675"></script>
-    <script src="../../js/variant.js?1694553675"></script>
+    <link href="../../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1694640598" rel="stylesheet">
+    <link href="../../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../../js/url.js?1694640598"></script>
+    <script src="../../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -53,23 +53,23 @@
   </head>
   <body class="mobile-support print disableInlineCopyToClipboard" data-url="../../cont/menushortcuts/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../cont/index.html"><span itemprop="name">Content</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Menu extra shortcuts</span><meta itemprop="position" content="3"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
           </div>
         </div>
       </nav>
@@ -210,8 +210,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?1694553675" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1694553675" defer></script>
-    <script src="../../js/theme.js?1694553675" defer></script>
+    <script src="../../js/clipboard.min.js?1694640598" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694640598" defer></script>
+    <script src="../../js/theme.js?1694640598" defer></script>
   </body>
 </html>
diff --git a/cont/pages/index.html b/cont/pages/index.html
index 629f717c1f..dbc3a2be9b 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1694553673" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1694553673" rel="stylesheet">
-    <link href="../../css/fonts.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1694553673" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1694553673" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1694553673" rel="stylesheet">
-    <link href="../../css/print.css?1694553673" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1694553673" rel="stylesheet">
-    <script src="../../js/url.js?1694553673"></script>
-    <script src="../../js/variant.js?1694553673"></script>
+    <link href="../../css/fontawesome-all.min.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694640597" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694640597" rel="stylesheet">
+    <link href="../../css/fonts.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694640597" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694640597" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694640597" rel="stylesheet">
+    <link href="../../css/print.css?1694640597" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1694640597" rel="stylesheet">
+    <script src="../../js/url.js?1694640597"></script>
+    <script src="../../js/variant.js?1694640597"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -52,51 +52,23 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../cont/pages/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <a href="../../cont/archetypes/index.html" title="Archetypes (🡒)">
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../cont/index.html" title="Content (🡐)">
-                <i class="fa-fw fas fa-chevron-left"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-print">
-              <a href="../../cont/pages/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
-                <i class="fa-fw fas fa-print"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-edit">
-              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/cont/pages/_index.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
-                <i class="fa-fw fas fa-pen"></i>
-              </a>
-            </div>
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
+            <div id="sidebar-overlay"></div>
             <div class="topbar-button topbar-toc">
               <button onclick="showToc()" type="button" title="Table of Contents (CTRL&#43;ALT&#43;t)">
                 <i class="fa-fw fas fa-list-alt"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../cont/index.html"><span itemprop="name">Content</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Pages organization</span><meta itemprop="position" content="3"></li>
-            </ol>
-          </div>
-          <div class="default-animation progress">
-            <div class="toc-wrapper">
+            <div class="default-animation progress">
+              <div class="toc-wrapper">
 <nav id="TableOfContents">
   <ul>
     <li><a href="#folders">Folders</a></li>
@@ -111,6 +83,35 @@
     </li>
   </ul>
 </nav>
+              </div>
+            </div>
+            <div id="toc-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../cont/index.html"><span itemprop="name">Content</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Pages organization</span><meta itemprop="position" content="3"></li>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-edit">
+              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/cont/pages/_index.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+                <i class="fa-fw fas fa-pen"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-print">
+              <a href="../../cont/pages/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
+                <i class="fa-fw fas fa-print"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-prev">
+              <a href="../../cont/index.html" title="Content (🡐)">
+                <i class="fa-fw fas fa-chevron-left"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-next">
+              <a href="../../cont/archetypes/index.html" title="Archetypes (🡒)">
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </a>
             </div>
           </div>
         </div>
@@ -196,8 +197,8 @@
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="err">+++</span>
 </span></span><span class="line"><span class="cl"><span class="nx">title</span> <span class="p">=</span> <span class="s2">&#34;GitHub repo&#34;</span>
 </span></span><span class="line"><span class="cl"><span class="nx">menuPre</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fab fa-github&#39;&gt;&lt;/i&gt; &#34;</span>
-</span></span><span class="line"><span class="cl"><span class="err">+++</span></span></span></code></pre></div><p><a href="#image-0074aa53b6a34a7ee6907de14dff54a9" class="lightbox-link"><img src="../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title with icon" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-0074aa53b6a34a7ee6907de14dff54a9"><img src="../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title with icon" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+</span></span><span class="line"><span class="cl"><span class="err">+++</span></span></span></code></pre></div><p><a href="#image-15dcefc5bfa14fcf22c1132a48f584fc" class="lightbox-link"><img src="../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title with icon" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-15dcefc5bfa14fcf22c1132a48f584fc"><img src="../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title with icon" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h3 id="ordering-sibling-menupage-entries">Ordering sibling menu/page entries</h3>
 <p>Hugo provides a <a href="https://gohugo.io/content/ordering/" target="_blank">flexible way</a> to handle order for your pages.</p>
 <p>The simplest way is to set <code>weight</code> parameter to a number.</p>
@@ -311,12 +312,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?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1694553674" defer></script>
-        <script src="../../js/search.js?1694553674" defer></script>
+        <script src="../../js/auto-complete.js?1694640598" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1694640598" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694640598" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1694640598" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1694640598" defer></script>
+        <script src="../../js/search.js?1694640598" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -447,8 +448,12 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -456,27 +461,25 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1694553674"></script>
+          <script async src="../../js/github-buttons.js?1694640598"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1694553674" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1694553674" defer></script>
-    <script src="../../js/theme.js?1694553674" defer></script>
+    <script src="../../js/clipboard.min.js?1694640598" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694640598" defer></script>
+    <script src="../../js/theme.js?1694640598" defer></script>
   </body>
 </html>
diff --git a/cont/pages/index.print.html b/cont/pages/index.print.html
index 151bcf10ba..67d8339a36 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1694553675" rel="stylesheet">
-    <link href="../../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../../js/url.js?1694553675"></script>
-    <script src="../../js/variant.js?1694553675"></script>
+    <link href="../../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1694640598" rel="stylesheet">
+    <link href="../../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../../js/url.js?1694640598"></script>
+    <script src="../../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -53,23 +53,23 @@
   </head>
   <body class="mobile-support print disableInlineCopyToClipboard" data-url="../../cont/pages/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../cont/index.html"><span itemprop="name">Content</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Pages organization</span><meta itemprop="position" content="3"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
           </div>
         </div>
       </nav>
@@ -154,8 +154,8 @@
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="err">+++</span>
 </span></span><span class="line"><span class="cl"><span class="nx">title</span> <span class="p">=</span> <span class="s2">&#34;GitHub repo&#34;</span>
 </span></span><span class="line"><span class="cl"><span class="nx">menuPre</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fab fa-github&#39;&gt;&lt;/i&gt; &#34;</span>
-</span></span><span class="line"><span class="cl"><span class="err">+++</span></span></span></code></pre></div><p><a href="#image-0074aa53b6a34a7ee6907de14dff54a9" class="lightbox-link"><img src="../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title with icon" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-0074aa53b6a34a7ee6907de14dff54a9"><img src="../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title with icon" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+</span></span><span class="line"><span class="cl"><span class="err">+++</span></span></span></code></pre></div><p><a href="#image-15dcefc5bfa14fcf22c1132a48f584fc" class="lightbox-link"><img src="../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title with icon" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-15dcefc5bfa14fcf22c1132a48f584fc"><img src="../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title with icon" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h3 id="ordering-sibling-menupage-entries">Ordering sibling menu/page entries</h3>
 <p>Hugo provides a <a href="https://gohugo.io/content/ordering/" target="_blank">flexible way</a> to handle order for your pages.</p>
 <p>The simplest way is to set <code>weight</code> parameter to a number.</p>
@@ -191,8 +191,8 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1694553675" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1694553675" defer></script>
-    <script src="../../js/theme.js?1694553675" defer></script>
+    <script src="../../js/clipboard.min.js?1694640598" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694640598" defer></script>
+    <script src="../../js/theme.js?1694640598" defer></script>
   </body>
 </html>
diff --git a/cont/taxonomy/index.html b/cont/taxonomy/index.html
index 3f72c7f770..431af98e90 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1694553673" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1694553673" rel="stylesheet">
-    <link href="../../css/fonts.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1694553673" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1694553673" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1694553673" rel="stylesheet">
-    <link href="../../css/print.css?1694553673" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1694553673" rel="stylesheet">
-    <script src="../../js/url.js?1694553673"></script>
-    <script src="../../js/variant.js?1694553673"></script>
+    <link href="../../css/fontawesome-all.min.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694640597" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694640597" rel="stylesheet">
+    <link href="../../css/fonts.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694640597" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694640597" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694640597" rel="stylesheet">
+    <link href="../../css/print.css?1694640597" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1694640597" rel="stylesheet">
+    <script src="../../js/url.js?1694640597"></script>
+    <script src="../../js/variant.js?1694640597"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -52,51 +52,23 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../cont/taxonomy/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <a href="../../shortcodes/index.html" title="Shortcodes (🡒)">
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../cont/i18n/index.html" title="Multilingual and i18n (🡐)">
-                <i class="fa-fw fas fa-chevron-left"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-print">
-              <a href="../../cont/taxonomy/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
-                <i class="fa-fw fas fa-print"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-edit">
-              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/cont/taxonomy.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
-                <i class="fa-fw fas fa-pen"></i>
-              </a>
-            </div>
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
+            <div id="sidebar-overlay"></div>
             <div class="topbar-button topbar-toc">
               <button onclick="showToc()" type="button" title="Table of Contents (CTRL&#43;ALT&#43;t)">
                 <i class="fa-fw fas fa-list-alt"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../cont/index.html"><span itemprop="name">Content</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Taxonomy</span><meta itemprop="position" content="3"></li>
-            </ol>
-          </div>
-          <div class="default-animation progress">
-            <div class="toc-wrapper">
+            <div class="default-animation progress">
+              <div class="toc-wrapper">
 <nav id="TableOfContents">
   <ul>
     <li><a href="#configuration">Configuration</a></li>
@@ -104,6 +76,35 @@
     <li><a href="#list-all-the-tags">List all the tags</a></li>
   </ul>
 </nav>
+              </div>
+            </div>
+            <div id="toc-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../cont/index.html"><span itemprop="name">Content</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Taxonomy</span><meta itemprop="position" content="3"></li>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-edit">
+              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/cont/taxonomy.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+                <i class="fa-fw fas fa-pen"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-print">
+              <a href="../../cont/taxonomy/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
+                <i class="fa-fw fas fa-print"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-prev">
+              <a href="../../cont/i18n/index.html" title="Multilingual and i18n (🡐)">
+                <i class="fa-fw fas fa-chevron-left"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-next">
+              <a href="../../shortcodes/index.html" title="Shortcodes (🡒)">
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </a>
             </div>
           </div>
         </div>
@@ -227,12 +228,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1694553673" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1694553673" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694553673" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1694553673" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1694553673" defer></script>
-        <script src="../../js/search.js?1694553673" defer></script>
+        <script src="../../js/auto-complete.js?1694640597" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1694640597" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694640597" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1694640597" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1694640597" defer></script>
+        <script src="../../js/search.js?1694640597" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -363,8 +364,12 @@
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -372,27 +377,25 @@
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1694553673"></script>
+          <script async src="../../js/github-buttons.js?1694640597"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1694553673" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1694553673" defer></script>
-    <script src="../../js/theme.js?1694553673" defer></script>
+    <script src="../../js/clipboard.min.js?1694640597" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694640597" defer></script>
+    <script src="../../js/theme.js?1694640597" defer></script>
   </body>
 </html>
diff --git a/cont/taxonomy/index.print.html b/cont/taxonomy/index.print.html
index 741179d2cf..354bc65a89 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1694553675" rel="stylesheet">
-    <link href="../../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../../js/url.js?1694553675"></script>
-    <script src="../../js/variant.js?1694553675"></script>
+    <link href="../../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1694640598" rel="stylesheet">
+    <link href="../../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../../js/url.js?1694640598"></script>
+    <script src="../../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -53,23 +53,23 @@
   </head>
   <body class="mobile-support print disableInlineCopyToClipboard" data-url="../../cont/taxonomy/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../cont/index.html"><span itemprop="name">Content</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Taxonomy</span><meta itemprop="position" content="3"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
           </div>
         </div>
       </nav>
@@ -114,8 +114,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1694553675" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1694553675" defer></script>
-    <script src="../../js/theme.js?1694553675" defer></script>
+    <script src="../../js/clipboard.min.js?1694640598" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694640598" defer></script>
+    <script src="../../js/theme.js?1694640598" defer></script>
   </body>
 </html>
diff --git a/css/format-print.css b/css/format-print.css
index ffa880ed7f..4ee95bf5aa 100644
--- a/css/format-print.css
+++ b/css/format-print.css
@@ -35,16 +35,14 @@ pre {
     padding-left: 0; /* for print, we want to align with the footer to ease the layout */
     padding-right: 0;
 }
-.topbar-button {
-    /* we don't need this while printing */
+#body .topbar-button {
+    /* we don't need the buttons while printing */
     display: none;
 }
-#body .topbar-left {
-    width: 100%;
-}
-#body .topbar-left .breadcrumbs {
-    overflow-x: hidden;
-    visibility: visible;
+@media screen and (max-width: 48rem) {
+    #body .topbar-breadcrumbs {
+        visibility: visible;
+    }
 }
 #body .copy-to-clipboard-button {
     display: none;
@@ -130,9 +128,6 @@ body,
 #body .topbar-left {
     border-width: 0;
 }
-.topbar-left .breadcrumbs {
-    display: inline;
-}
 .tags {
     display: none;
 }
diff --git a/css/ie.css b/css/ie.css
index d4abd1246a..4fe4bb72ee 100644
--- a/css/ie.css
+++ b/css/ie.css
@@ -70,24 +70,16 @@
 		border-top-right-radius: 0;
 		border-right-width: 0;
 	}
-	html[dir="rtl"] .topbar-right .topbar-button {
-		float: right;
-	}
-	html[dir="rtl"] .topbar-left .topbar-button {
-		float: left;
+	.topbar-left .topbar-button > * {
+		border-right: 1px solid rgba( 134, 134, 134, .333 );
 	}
 	.topbar-right .topbar-button > * {
-		border-left: thin solid rgba( 134, 134, 134, .333 );
+		border-left: 1px solid rgba( 134, 134, 134, .333 );
 	}
-	.topbar-left .topbar-button > * {
-		border-right: thin solid rgba( 134, 134, 134, .333 );
-	}
-	#body .topbar-left {
+	#body .topbar-sidebar-divider {
 		border-left-style: solid;
 		border-left-width: 1px;
-	}
-	html[dir="rtl"] #body .topbar-left {
-		float: left;
+		margin-right: -1px;
 	}
 	html[dir="rtl"] .topbar-prev i,
 	html[dir="rtl"] .topbar-next i {
@@ -235,11 +227,11 @@
 		color: rgba( 72, 106, 201, 1 ); /* var(--MAIN-LINK-color) */
 	}
 
-	#body .topbar-left {
+	#body .topbar-sidebar-divider {
 		border-left-color: transparent; /* var(--MENU-TOPBAR-SEPARATOR-color) */
 	}
 	@media screen and (max-width: 48rem) {
-		#body .topbar-left {
+		#body .topbar-sidebar-divider {
 			border-left-color: transparent;
 		}
 	}
diff --git a/css/theme.css b/css/theme.css
index 4cc4056d5e..21f6660adc 100644
--- a/css/theme.css
+++ b/css/theme.css
@@ -395,12 +395,12 @@ dd {
     }
 }
 
-.breadcrumbs a:hover,
-.breadcrumbs a:active,
-.breadcrumbs a:focus,
-.breadcrumbs a:hover *,
-.breadcrumbs a:active *,
-.breadcrumbs a:focus *,
+.topbar-breadcrumbs a:hover,
+.topbar-breadcrumbs a:active,
+.topbar-breadcrumbs a:focus,
+.topbar-breadcrumbs a:hover *,
+.topbar-breadcrumbs a:active *,
+.topbar-breadcrumbs a:focus *,
 .toc-wrapper a:hover,
 .toc-wrapper a:active,
 .toc-wrapper a:focus,
@@ -976,39 +976,29 @@ td {
 }
 
 #topbar > div {
+    align-items: center;
     background-color: rgba( 134, 134, 134, .066 );
+    display: flex;
+    flex-basis: 100%;
+    flex-direction: row;
     height: 100%;
 }
 
 .topbar-button {
-    display: block;
+    display: inline-block;
     position: relative;
 }
-.topbar-right .topbar-button {
-    float: right;
-    top: 50%;
-    transform: translateY(-50%);
-}
-html[dir="rtl"] .topbar-right .topbar-button {
-    float: left;
-}
-.topbar-left .topbar-button {
-    float: left;
-}
-html[dir="rtl"] .topbar-left .topbar-button {
-    float: right;
-}
 
 .topbar-button > * {
     display: inline-block;
     padding-left: 1rem;
     padding-right: 1rem;
 }
-.topbar-right .topbar-button > * {
-    border-inline-start: thin solid rgba( 134, 134, 134, .333 );
-}
 .topbar-left .topbar-button > * {
-    border-inline-end: thin solid rgba( 134, 134, 134, .333 );
+    border-inline-end: 1px solid rgba( 134, 134, 134, .333 );
+}
+.topbar-right .topbar-button > * {
+    border-inline-start: 1px solid rgba( 134, 134, 134, .333 );
 }
 
 .topbar-button span i{
@@ -1020,33 +1010,30 @@ html[dir="rtl"] .topbar-left .topbar-button {
     background-color: transparent;
 }
 
-#body .topbar-right {
-    display: inline;
-}
-#body .topbar-left {
+.topbar-sidebar-divider {
     border-inline-start-style: solid;
     border-inline-start-width: 1px;
-    display: inline;
-    float: left;
-    height: auto;
-    margin-bottom: 0;
-    overflow: hidden;
-    position: relative;
-    text-overflow: ellipsis;
-    top: 50%;
-    transform: translateY(-50%);
-    white-space: nowrap;
-    width: calc(100% - 5*3.25rem);
+    margin-inline-end: -1px;
+    width: 1px;
 }
-html[dir="rtl"] #body .topbar-left {
-    float: right;
+.topbar-sidebar-divider::after {
+    content: "\00a0";
 }
 @media screen and (max-width: 48rem) {
-    #body .topbar-left {
+    .topbar-sidebar-divider {
         border-inline-start-color: transparent;
-        text-overflow: unset;
     }
 }
+.topbar-left {
+    display: flex;
+    flex-direction: row;
+    flex-shrink: 0;
+}
+.topbar-right {
+    display: flex;
+    flex-direction: row;
+    flex-shrink: 0;
+}
 
 html[dir="rtl"] .topbar-prev i,
 html[dir="rtl"] .topbar-next i {
@@ -1055,44 +1042,51 @@ html[dir="rtl"] .topbar-next i {
 .topbar-sidebar {
     display: none;
 }
+@media screen and (max-width: 48rem) {
+    .mobile-support .topbar-sidebar {
+        display: inline-block;
+    }
+}
 
 .progress {
     inset-inline-start: 1rem;
     top: 1rem;
 }
 @media screen and (max-width: 48rem) {
-    .mobile-support .topbar-sidebar {
-        display: block;
-    }
     .progress {
         inset-inline-start: 4.25rem;
     }
 }
 
-#body .topbar-left .breadcrumbs {
-    display: inline;
+.topbar-breadcrumbs {
+    flex-grow: 1;
     line-height: 1.2;
+    margin: 0;
+    min-width: 0;
+    overflow: hidden;
     padding: 0 1rem;
+    text-overflow: ellipsis;
+    width: 100%;
+    white-space: nowrap;
 }
 @media screen and (max-width: 48rem) {
-    #body .topbar-left .breadcrumbs {
+    .topbar-breadcrumbs {
         /* we just hide the breadcrumbs instead of display: none;
         this makes sure that the breadcrumbs are still usable for
         accessability */
-        margin-left: -1000px;
+        visibility: hidden;
     }
 }
 
-#body .topbar-left .breadcrumbs * {
-    display: inline-block;
-    padding: 0;
-}
-
-#body .topbar-left .breadcrumbs meta {
+.topbar-breadcrumbs meta {
     display: none;
 }
 
-#body .topbar-left .breadcrumbs li:last-of-type {
+.topbar-breadcrumbs li {
+    display: inline-block;
+}
+
+.topbar-breadcrumbs li:last-of-type {
     cursor: text;
 }
 
@@ -1145,6 +1139,7 @@ html[dir="rtl"] .topbar-next i {
         background-color: rgba( 134, 134, 134, .5 );
         bottom: 0;
         cursor: pointer;
+        height: 100vh;
         left: 0;
         position: absolute;
         right: 0;
@@ -1368,10 +1363,11 @@ html[dir="rtl"] .expand > .expand-label > i.fa-chevron-right {
 .toc-flyout #toc-overlay{
     bottom: 0;
     cursor: pointer;
+    height: calc(100vh - 3rem);
     left: 0;
     position: absolute;
     right: 0;
-    top: 0;
+    top: 3rem;
     z-index: 160;
 }
 
@@ -1597,12 +1593,6 @@ html[dir="rtl"] .menu-control span {
     display: block;
 }
 
-@media screen and (max-width: 48rem) {
-    .topbar-left .breadcrumbs {
-        display: none;
-    }
-}
-
 /* clears the 'X' from Chrome's search input */
 input[type="search"]::-webkit-search-decoration,
 input[type="search"]::-webkit-search-cancel-button,
@@ -2096,6 +2086,7 @@ html[dir="rtl"] #sidebar ul.collapsible-menu > li > label > i.fa-chevron-right {
 }
 
 #header-topbar {
+    border-bottom-color: transparent;
     border-bottom-style: solid;
     border-bottom-width: 1px;
     border-inline-end-style: solid;
diff --git a/css/variant.css b/css/variant.css
index 4f3669fb76..41bd1ff030 100644
--- a/css/variant.css
+++ b/css/variant.css
@@ -253,15 +253,9 @@ table {
     background-color: var(--INTERNAL-MAIN-BG-color);
 }
 
-#body .topbar-left {
+.topbar-sidebar-divider {
     border-inline-start-color: var(--INTERNAL-MENU-TOPBAR-SEPARATOR-color);
 }
-@media screen and (max-width: 48rem) {
-    #body .topbar-left {
-        border-inline-start-color: transparent;
-    }
-}
-
 
 #body a[aria-disabled="true"],
 #searchresults .autocomplete-suggestion > .context {
@@ -452,7 +446,6 @@ article ul > li > input[type="checkbox"] {
 }
 
 #header-topbar {
-    border-bottom-color: transparent;
     border-inline-end-color: var(--INTERNAL-MENU-TOPBAR-BORDER-color);
 }
 
diff --git a/dev/contributing/index.html b/dev/contributing/index.html
index c31d9a0566..6aef5d9a36 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1694553673" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1694553673" rel="stylesheet">
-    <link href="../../css/fonts.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1694553673" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1694553673" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1694553673" rel="stylesheet">
-    <link href="../../css/print.css?1694553673" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1694553673" rel="stylesheet">
-    <script src="../../js/url.js?1694553673"></script>
-    <script src="../../js/variant.js?1694553673"></script>
+    <link href="../../css/fontawesome-all.min.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694640597" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694640597" rel="stylesheet">
+    <link href="../../css/fonts.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694640597" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694640597" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694640597" rel="stylesheet">
+    <link href="../../css/print.css?1694640597" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1694640597" rel="stylesheet">
+    <script src="../../js/url.js?1694640597"></script>
+    <script src="../../js/variant.js?1694640597"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -51,19 +51,42 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../dev/contributing/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <a href="../../dev/maintaining/index.html" title="Maintaining (🡒)">
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </a>
+          <div class="topbar-sidebar-divider"></div>
+          <div class="topbar-left">
+            <div class="topbar-button topbar-sidebar">
+              <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
+                <i class="fa-fw fas fa-bars"></i>
+              </button>
             </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../dev/index.html" title="Development (🡐)">
-                <i class="fa-fw fas fa-chevron-left"></i>
+            <div id="sidebar-overlay"></div>
+            <div class="topbar-button topbar-toc">
+              <button onclick="showToc()" type="button" title="Table of Contents (CTRL&#43;ALT&#43;t)">
+                <i class="fa-fw fas fa-list-alt"></i>
+              </button>
+            </div>
+            <div class="default-animation progress">
+              <div class="toc-wrapper">
+<nav id="TableOfContents">
+  <ul>
+    <li><a href="#code-quality">Code Quality</a></li>
+    <li><a href="#conventional-commits">Conventional Commits</a></li>
+  </ul>
+</nav>
+              </div>
+            </div>
+            <div id="toc-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../dev/index.html"><span itemprop="name">Development</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Contributing</span><meta itemprop="position" content="3"></li>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-edit">
+              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/dev/contributing/_index.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+                <i class="fa-fw fas fa-pen"></i>
               </a>
             </div>
             <div class="topbar-button topbar-print">
@@ -71,37 +94,15 @@
                 <i class="fa-fw fas fa-print"></i>
               </a>
             </div>
-            <div class="topbar-button topbar-edit">
-              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/dev/contributing/_index.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
-                <i class="fa-fw fas fa-pen"></i>
+            <div class="topbar-button topbar-prev">
+              <a href="../../dev/index.html" title="Development (🡐)">
+                <i class="fa-fw fas fa-chevron-left"></i>
               </a>
             </div>
-          </div>
-          <div class="topbar-left">
-            <div class="topbar-button topbar-sidebar">
-              <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
-                <i class="fa-fw fas fa-bars"></i>
-              </button>
-            </div>
-            <div class="topbar-button topbar-toc">
-              <button onclick="showToc()" type="button" title="Table of Contents (CTRL&#43;ALT&#43;t)">
-                <i class="fa-fw fas fa-list-alt"></i>
-              </button>
-            </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../dev/index.html"><span itemprop="name">Development</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Contributing</span><meta itemprop="position" content="3"></li>
-            </ol>
-          </div>
-          <div class="default-animation progress">
-            <div class="toc-wrapper">
-<nav id="TableOfContents">
-  <ul>
-    <li><a href="#code-quality">Code Quality</a></li>
-    <li><a href="#conventional-commits">Conventional Commits</a></li>
-  </ul>
-</nav>
+            <div class="topbar-button topbar-next">
+              <a href="../../dev/maintaining/index.html" title="Maintaining (🡒)">
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </a>
             </div>
           </div>
         </div>
@@ -317,12 +318,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1694553674" defer></script>
-        <script src="../../js/search.js?1694553674" defer></script>
+        <script src="../../js/auto-complete.js?1694640598" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1694640598" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694640598" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1694640598" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1694640598" defer></script>
+        <script src="../../js/search.js?1694640598" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -457,8 +458,12 @@
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -466,27 +471,25 @@
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1694553674"></script>
+          <script async src="../../js/github-buttons.js?1694640598"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1694553674" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1694553674" defer></script>
-    <script src="../../js/theme.js?1694553674" defer></script>
+    <script src="../../js/clipboard.min.js?1694640598" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694640598" defer></script>
+    <script src="../../js/theme.js?1694640598" defer></script>
   </body>
 </html>
diff --git a/dev/contributing/index.print.html b/dev/contributing/index.print.html
index 8d8bab9a1a..a0911b806a 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1694553675" rel="stylesheet">
-    <link href="../../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../../js/url.js?1694553675"></script>
-    <script src="../../js/variant.js?1694553675"></script>
+    <link href="../../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1694640598" rel="stylesheet">
+    <link href="../../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../../js/url.js?1694640598"></script>
+    <script src="../../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -52,23 +52,23 @@
   </head>
   <body class="mobile-support print disableInlineCopyToClipboard" data-url="../../dev/contributing/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../dev/index.html"><span itemprop="name">Development</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Contributing</span><meta itemprop="position" content="3"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
           </div>
         </div>
       </nav>
@@ -205,8 +205,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1694553675" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1694553675" defer></script>
-    <script src="../../js/theme.js?1694553675" defer></script>
+    <script src="../../js/clipboard.min.js?1694640598" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694640598" defer></script>
+    <script src="../../js/theme.js?1694640598" defer></script>
   </body>
 </html>
diff --git a/dev/index.html b/dev/index.html
index 54e33c277c..40f96dd235 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1694553673" rel="stylesheet">
-    <link href="../css/auto-complete.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1694553673" rel="stylesheet">
-    <link href="../css/fonts.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1694553673" rel="stylesheet">
-    <link href="../css/theme-auto.css?1694553673" rel="stylesheet" id="variant-style">
-    <link href="../css/variant.css?1694553673" rel="stylesheet">
-    <link href="../css/print.css?1694553673" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1694553673" rel="stylesheet">
-    <script src="../js/url.js?1694553673"></script>
-    <script src="../js/variant.js?1694553673"></script>
+    <link href="../css/fontawesome-all.min.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1694640597" rel="stylesheet">
+    <link href="../css/auto-complete.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1694640597" rel="stylesheet">
+    <link href="../css/fonts.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1694640597" rel="stylesheet">
+    <link href="../css/theme-auto.css?1694640597" rel="stylesheet" id="variant-style">
+    <link href="../css/variant.css?1694640597" rel="stylesheet">
+    <link href="../css/print.css?1694640597" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1694640597" rel="stylesheet">
+    <script src="../js/url.js?1694640597"></script>
+    <script src="../js/variant.js?1694640597"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -51,19 +51,25 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../dev/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <a href="../dev/contributing/index.html" title="Contributing (🡒)">
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </a>
+          <div class="topbar-sidebar-divider"></div>
+          <div class="topbar-left">
+            <div class="topbar-button topbar-sidebar">
+              <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
+                <i class="fa-fw fas fa-bars"></i>
+              </button>
             </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../shortcodes/tabs/index.html" title="Tabs (🡐)">
-                <i class="fa-fw fas fa-chevron-left"></i>
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Development</span><meta itemprop="position" content="2"></li>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-edit">
+              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/dev/_index.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+                <i class="fa-fw fas fa-pen"></i>
               </a>
             </div>
             <div class="topbar-button topbar-print">
@@ -71,22 +77,16 @@
                 <i class="fa-fw fas fa-print"></i>
               </a>
             </div>
-            <div class="topbar-button topbar-edit">
-              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/dev/_index.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
-                <i class="fa-fw fas fa-pen"></i>
+            <div class="topbar-button topbar-prev">
+              <a href="../shortcodes/tabs/index.html" title="Tabs (🡐)">
+                <i class="fa-fw fas fa-chevron-left"></i>
               </a>
             </div>
-          </div>
-          <div class="topbar-left">
-            <div class="topbar-button topbar-sidebar">
-              <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
-                <i class="fa-fw fas fa-bars"></i>
-              </button>
+            <div class="topbar-button topbar-next">
+              <a href="../dev/contributing/index.html" title="Contributing (🡒)">
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </a>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Development</span><meta itemprop="position" content="2"></li>
-            </ol>
           </div>
         </div>
       </nav>
@@ -193,12 +193,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1694553674" defer></script>
-        <script src="../js/lunr/lunr.min.js?1694553674" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1694553674" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1694553674" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1694553674" defer></script>
-        <script src="../js/search.js?1694553674" defer></script>
+        <script src="../js/auto-complete.js?1694640598" defer></script>
+        <script src="../js/lunr/lunr.min.js?1694640598" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1694640598" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1694640598" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1694640598" defer></script>
+        <script src="../js/search.js?1694640598" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -333,8 +333,12 @@
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -342,27 +346,25 @@
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../js/github-buttons.js?1694553674"></script>
+          <script async src="../js/github-buttons.js?1694640598"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1694553674" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1694553674" defer></script>
-    <script src="../js/theme.js?1694553674" defer></script>
+    <script src="../js/clipboard.min.js?1694640598" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1694640598" defer></script>
+    <script src="../js/theme.js?1694640598" defer></script>
   </body>
 </html>
diff --git a/dev/index.print.html b/dev/index.print.html
index 03a64037f6..fa57080f6e 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../css/format-print.css?1694553675" rel="stylesheet">
-    <link href="../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../js/url.js?1694553675"></script>
-    <script src="../js/variant.js?1694553675"></script>
+    <link href="../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../css/format-print.css?1694640598" rel="stylesheet">
+    <link href="../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../js/url.js?1694640598"></script>
+    <script src="../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -52,22 +52,22 @@
   </head>
   <body class="mobile-support print disableInlineCopyToClipboard" data-url="../dev/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Development</span><meta itemprop="position" content="2"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
           </div>
         </div>
       </nav>
@@ -463,8 +463,8 @@
 <p><strong>Remarks</strong>:</p>
 <p>The location is mandatory due to Hugo&rsquo;s theme site builder.</p>
 <h3 id="preview-imagesscreenshotpng">Preview <code>images/screenshot.png</code></h3>
-<p><a href="#image-a26f7160f85e98aa17ef8413342832a9" class="lightbox-link"><img src="../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-a26f7160f85e98aa17ef8413342832a9"><img src="../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-52d90056a113f6114a5b3c0ac15850e9" class="lightbox-link"><img src="../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-52d90056a113f6114a5b3c0ac15850e9"><img src="../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="hero-image">Hero Image</h2>
 <p><strong>Content</strong>:</p>
 <p>Show the <a href="#demo-screenshot">Demo Screenshot</a> page on different devices and different themes. Composition of the different device screenshots into a template.</p>
@@ -493,11 +493,11 @@
 <p><strong>Remarks</strong>:</p>
 <p>The location of <code>images/tn.png</code> is mandatory due to Hugo&rsquo;s theme site builder.</p>
 <h3 id="preview-imagesheropng">Preview <code>images/hero.png</code></h3>
-<p><a href="#image-bf44ac4af7018673c96bb72e435b2634" class="lightbox-link"><img src="../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-bf44ac4af7018673c96bb72e435b2634"><img src="../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-500fed786f81618ed2845622c774103c" class="lightbox-link"><img src="../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-500fed786f81618ed2845622c774103c"><img src="../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h3 id="preview-imagestnpng">Preview <code>images/tn.png</code></h3>
-<p><a href="#image-3d36574c96821dd9e3437f7cb2e8e008" class="lightbox-link"><img src="../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-3d36574c96821dd9e3437f7cb2e8e008"><img src="../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-d1e9c47c4071c4c113ddd417153efde4" class="lightbox-link"><img src="../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-d1e9c47c4071c4c113ddd417153efde4"><img src="../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
             <footer class="footline">
 
@@ -508,8 +508,8 @@
         </div>
       </main>
     </div>
-    <script src="../js/clipboard.min.js?1694553675" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1694553675" defer></script>
-    <script src="../js/theme.js?1694553675" defer></script>
+    <script src="../js/clipboard.min.js?1694640598" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1694640598" defer></script>
+    <script src="../js/theme.js?1694640598" defer></script>
   </body>
 </html>
diff --git a/dev/maintaining/index.html b/dev/maintaining/index.html
index 28d7e011ce..5e171abf54 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1694553673" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1694553673" rel="stylesheet">
-    <link href="../../css/fonts.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1694553673" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1694553673" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1694553673" rel="stylesheet">
-    <link href="../../css/print.css?1694553673" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1694553673" rel="stylesheet">
-    <script src="../../js/url.js?1694553673"></script>
-    <script src="../../js/variant.js?1694553673"></script>
+    <link href="../../css/fontawesome-all.min.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694640597" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694640597" rel="stylesheet">
+    <link href="../../css/fonts.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694640597" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694640597" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694640597" rel="stylesheet">
+    <link href="../../css/print.css?1694640597" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1694640597" rel="stylesheet">
+    <script src="../../js/url.js?1694640597"></script>
+    <script src="../../js/variant.js?1694640597"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -51,51 +51,23 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../dev/maintaining/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <a href="../../dev/screenshots/index.html" title="Screenshots (🡒)">
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../dev/contributing/index.html" title="Contributing (🡐)">
-                <i class="fa-fw fas fa-chevron-left"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-print">
-              <a href="../../dev/maintaining/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
-                <i class="fa-fw fas fa-print"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-edit">
-              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/dev/maintaining/_index.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
-                <i class="fa-fw fas fa-pen"></i>
-              </a>
-            </div>
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
+            <div id="sidebar-overlay"></div>
             <div class="topbar-button topbar-toc">
               <button onclick="showToc()" type="button" title="Table of Contents (CTRL&#43;ALT&#43;t)">
                 <i class="fa-fw fas fa-list-alt"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../dev/index.html"><span itemprop="name">Development</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Maintaining</span><meta itemprop="position" content="3"></li>
-            </ol>
-          </div>
-          <div class="default-animation progress">
-            <div class="toc-wrapper">
+            <div class="default-animation progress">
+              <div class="toc-wrapper">
 <nav id="TableOfContents">
   <ul>
     <li><a href="#semver">Semver</a></li>
@@ -113,6 +85,35 @@
     <li><a href="#making-releases">Making Releases</a></li>
   </ul>
 </nav>
+              </div>
+            </div>
+            <div id="toc-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../dev/index.html"><span itemprop="name">Development</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Maintaining</span><meta itemprop="position" content="3"></li>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-edit">
+              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/dev/maintaining/_index.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+                <i class="fa-fw fas fa-pen"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-print">
+              <a href="../../dev/maintaining/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
+                <i class="fa-fw fas fa-print"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-prev">
+              <a href="../../dev/contributing/index.html" title="Contributing (🡐)">
+                <i class="fa-fw fas fa-chevron-left"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-next">
+              <a href="../../dev/screenshots/index.html" title="Screenshots (🡒)">
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </a>
             </div>
           </div>
         </div>
@@ -404,12 +405,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1694553674" defer></script>
-        <script src="../../js/search.js?1694553674" defer></script>
+        <script src="../../js/auto-complete.js?1694640598" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1694640598" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694640598" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1694640598" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1694640598" defer></script>
+        <script src="../../js/search.js?1694640598" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -544,8 +545,12 @@
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -553,27 +558,25 @@
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1694553674"></script>
+          <script async src="../../js/github-buttons.js?1694640598"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1694553674" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1694553674" defer></script>
-    <script src="../../js/theme.js?1694553674" defer></script>
+    <script src="../../js/clipboard.min.js?1694640598" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694640598" defer></script>
+    <script src="../../js/theme.js?1694640598" defer></script>
   </body>
 </html>
diff --git a/dev/maintaining/index.print.html b/dev/maintaining/index.print.html
index c7dcccd91a..fcadcef376 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1694553675" rel="stylesheet">
-    <link href="../../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../../js/url.js?1694553675"></script>
-    <script src="../../js/variant.js?1694553675"></script>
+    <link href="../../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1694640598" rel="stylesheet">
+    <link href="../../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../../js/url.js?1694640598"></script>
+    <script src="../../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -52,23 +52,23 @@
   </head>
   <body class="mobile-support print disableInlineCopyToClipboard" data-url="../../dev/maintaining/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../dev/index.html"><span itemprop="name">Development</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Maintaining</span><meta itemprop="position" content="3"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
           </div>
         </div>
       </nav>
@@ -281,8 +281,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1694553675" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1694553675" defer></script>
-    <script src="../../js/theme.js?1694553675" defer></script>
+    <script src="../../js/clipboard.min.js?1694640598" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694640598" defer></script>
+    <script src="../../js/theme.js?1694640598" defer></script>
   </body>
 </html>
diff --git a/dev/screenshots/index.html b/dev/screenshots/index.html
index f9dce4d7c8..68056e19ca 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1694553673" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1694553673" rel="stylesheet">
-    <link href="../../css/fonts.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1694553673" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1694553673" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1694553673" rel="stylesheet">
-    <link href="../../css/print.css?1694553673" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1694553673" rel="stylesheet">
-    <script src="../../js/url.js?1694553673"></script>
-    <script src="../../js/variant.js?1694553673"></script>
+    <link href="../../css/fontawesome-all.min.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694640597" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694640597" rel="stylesheet">
+    <link href="../../css/fonts.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694640597" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694640597" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694640597" rel="stylesheet">
+    <link href="../../css/print.css?1694640597" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1694640597" rel="stylesheet">
+    <script src="../../js/url.js?1694640597"></script>
+    <script src="../../js/variant.js?1694640597"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -51,51 +51,23 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../dev/screenshots/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <span>
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </span>
-            </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../dev/maintaining/index.html" title="Maintaining (🡐)">
-                <i class="fa-fw fas fa-chevron-left"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-print">
-              <a href="../../dev/screenshots/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
-                <i class="fa-fw fas fa-print"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-edit">
-              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/dev/screenshots/_index.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
-                <i class="fa-fw fas fa-pen"></i>
-              </a>
-            </div>
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
+            <div id="sidebar-overlay"></div>
             <div class="topbar-button topbar-toc">
               <button onclick="showToc()" type="button" title="Table of Contents (CTRL&#43;ALT&#43;t)">
                 <i class="fa-fw fas fa-list-alt"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../dev/index.html"><span itemprop="name">Development</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Screenshots</span><meta itemprop="position" content="3"></li>
-            </ol>
-          </div>
-          <div class="default-animation progress">
-            <div class="toc-wrapper">
+            <div class="default-animation progress">
+              <div class="toc-wrapper">
 <nav id="TableOfContents">
   <ul>
     <li><a href="#common">Common</a></li>
@@ -112,6 +84,35 @@
     </li>
   </ul>
 </nav>
+              </div>
+            </div>
+            <div id="toc-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../dev/index.html"><span itemprop="name">Development</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Screenshots</span><meta itemprop="position" content="3"></li>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-edit">
+              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/dev/screenshots/_index.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+                <i class="fa-fw fas fa-pen"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-print">
+              <a href="../../dev/screenshots/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
+                <i class="fa-fw fas fa-print"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-prev">
+              <a href="../../dev/maintaining/index.html" title="Maintaining (🡐)">
+                <i class="fa-fw fas fa-chevron-left"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-next">
+              <span>
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </span>
             </div>
           </div>
         </div>
@@ -154,8 +155,8 @@
 <p><strong>Remarks</strong>:</p>
 <p>The location is mandatory due to Hugo&rsquo;s theme site builder.</p>
 <h3 id="preview-imagesscreenshotpng">Preview <code>images/screenshot.png</code></h3>
-<p><a href="#image-a26f7160f85e98aa17ef8413342832a9" class="lightbox-link"><img src="../../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-a26f7160f85e98aa17ef8413342832a9"><img src="../../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-52d90056a113f6114a5b3c0ac15850e9" class="lightbox-link"><img src="../../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-52d90056a113f6114a5b3c0ac15850e9"><img src="../../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="hero-image">Hero Image</h2>
 <p><strong>Content</strong>:</p>
 <p>Show the <a href="#demo-screenshot">Demo Screenshot</a> page on different devices and different themes. Composition of the different device screenshots into a template.</p>
@@ -184,11 +185,11 @@
 <p><strong>Remarks</strong>:</p>
 <p>The location of <code>images/tn.png</code> is mandatory due to Hugo&rsquo;s theme site builder.</p>
 <h3 id="preview-imagesheropng">Preview <code>images/hero.png</code></h3>
-<p><a href="#image-bf44ac4af7018673c96bb72e435b2634" class="lightbox-link"><img src="../../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-bf44ac4af7018673c96bb72e435b2634"><img src="../../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-500fed786f81618ed2845622c774103c" class="lightbox-link"><img src="../../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-500fed786f81618ed2845622c774103c"><img src="../../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h3 id="preview-imagestnpng">Preview <code>images/tn.png</code></h3>
-<p><a href="#image-3d36574c96821dd9e3437f7cb2e8e008" class="lightbox-link"><img src="../../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-3d36574c96821dd9e3437f7cb2e8e008"><img src="../../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-d1e9c47c4071c4c113ddd417153efde4" class="lightbox-link"><img src="../../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-d1e9c47c4071c4c113ddd417153efde4"><img src="../../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
             <footer class="footline">
 
@@ -276,12 +277,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1694553674" defer></script>
-        <script src="../../js/search.js?1694553674" defer></script>
+        <script src="../../js/auto-complete.js?1694640598" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1694640598" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694640598" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1694640598" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1694640598" defer></script>
+        <script src="../../js/search.js?1694640598" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -416,8 +417,12 @@
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -425,27 +430,25 @@
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1694553674"></script>
+          <script async src="../../js/github-buttons.js?1694640598"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1694553674" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1694553674" defer></script>
-    <script src="../../js/theme.js?1694553674" defer></script>
+    <script src="../../js/clipboard.min.js?1694640598" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694640598" defer></script>
+    <script src="../../js/theme.js?1694640598" defer></script>
   </body>
 </html>
diff --git a/dev/screenshots/index.print.html b/dev/screenshots/index.print.html
index a0f62736c3..500b5addca 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1694553675" rel="stylesheet">
-    <link href="../../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../../js/url.js?1694553675"></script>
-    <script src="../../js/variant.js?1694553675"></script>
+    <link href="../../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1694640598" rel="stylesheet">
+    <link href="../../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../../js/url.js?1694640598"></script>
+    <script src="../../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -52,23 +52,23 @@
   </head>
   <body class="mobile-support print disableInlineCopyToClipboard" data-url="../../dev/screenshots/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../dev/index.html"><span itemprop="name">Development</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Screenshots</span><meta itemprop="position" content="3"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
           </div>
         </div>
       </nav>
@@ -110,8 +110,8 @@
 <p><strong>Remarks</strong>:</p>
 <p>The location is mandatory due to Hugo&rsquo;s theme site builder.</p>
 <h3 id="preview-imagesscreenshotpng">Preview <code>images/screenshot.png</code></h3>
-<p><a href="#image-a26f7160f85e98aa17ef8413342832a9" class="lightbox-link"><img src="../../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-a26f7160f85e98aa17ef8413342832a9"><img src="../../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-52d90056a113f6114a5b3c0ac15850e9" class="lightbox-link"><img src="../../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-52d90056a113f6114a5b3c0ac15850e9"><img src="../../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="hero-image">Hero Image</h2>
 <p><strong>Content</strong>:</p>
 <p>Show the <a href="#demo-screenshot">Demo Screenshot</a> page on different devices and different themes. Composition of the different device screenshots into a template.</p>
@@ -140,11 +140,11 @@
 <p><strong>Remarks</strong>:</p>
 <p>The location of <code>images/tn.png</code> is mandatory due to Hugo&rsquo;s theme site builder.</p>
 <h3 id="preview-imagesheropng">Preview <code>images/hero.png</code></h3>
-<p><a href="#image-bf44ac4af7018673c96bb72e435b2634" class="lightbox-link"><img src="../../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-bf44ac4af7018673c96bb72e435b2634"><img src="../../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-500fed786f81618ed2845622c774103c" class="lightbox-link"><img src="../../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-500fed786f81618ed2845622c774103c"><img src="../../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h3 id="preview-imagestnpng">Preview <code>images/tn.png</code></h3>
-<p><a href="#image-3d36574c96821dd9e3437f7cb2e8e008" class="lightbox-link"><img src="../../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-3d36574c96821dd9e3437f7cb2e8e008"><img src="../../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-d1e9c47c4071c4c113ddd417153efde4" class="lightbox-link"><img src="../../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-d1e9c47c4071c4c113ddd417153efde4"><img src="../../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
             <footer class="footline">
 
@@ -154,8 +154,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1694553675" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1694553675" defer></script>
-    <script src="../../js/theme.js?1694553675" defer></script>
+    <script src="../../js/clipboard.min.js?1694640598" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694640598" defer></script>
+    <script src="../../js/theme.js?1694640598" defer></script>
   </body>
 </html>
diff --git a/index.html b/index.html
index 40c8800df9..4a37cc86ad 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="./images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="./css/fontawesome-all.min.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1694553673" rel="stylesheet"></noscript>
-    <link href="./css/nucleus.css?1694553673" rel="stylesheet">
-    <link href="./css/auto-complete.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1694553673" rel="stylesheet"></noscript>
-    <link href="./css/perfect-scrollbar.min.css?1694553673" rel="stylesheet">
-    <link href="./css/fonts.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1694553673" rel="stylesheet"></noscript>
-    <link href="./css/theme.css?1694553673" rel="stylesheet">
-    <link href="./css/theme-auto.css?1694553673" rel="stylesheet" id="variant-style">
-    <link href="./css/variant.css?1694553673" rel="stylesheet">
-    <link href="./css/print.css?1694553673" rel="stylesheet" media="print">
-    <link href="./css/ie.css?1694553673" rel="stylesheet">
-    <script src="./js/url.js?1694553673"></script>
-    <script src="./js/variant.js?1694553673"></script>
+    <link href="./css/fontawesome-all.min.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1694640597" rel="stylesheet"></noscript>
+    <link href="./css/nucleus.css?1694640597" rel="stylesheet">
+    <link href="./css/auto-complete.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1694640597" rel="stylesheet"></noscript>
+    <link href="./css/perfect-scrollbar.min.css?1694640597" rel="stylesheet">
+    <link href="./css/fonts.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1694640597" rel="stylesheet"></noscript>
+    <link href="./css/theme.css?1694640597" rel="stylesheet">
+    <link href="./css/theme-auto.css?1694640597" rel="stylesheet" id="variant-style">
+    <link href="./css/variant.css?1694640597" rel="stylesheet">
+    <link href="./css/print.css?1694640597" rel="stylesheet" media="print">
+    <link href="./css/ie.css?1694640597" rel="stylesheet">
+    <script src="./js/url.js?1694640597"></script>
+    <script src="./js/variant.js?1694640597"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -52,49 +52,23 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="./index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <a href="./basics/index.html" title="Basics (🡒)">
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-prev">
-              <span>
-                <i class="fa-fw fas fa-chevron-left"></i>
-              </span>
-            </div>
-            <div class="topbar-button topbar-print">
-              <a href="./index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
-                <i class="fa-fw fas fa-print"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-edit">
-              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/_index.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
-                <i class="fa-fw fas fa-pen"></i>
-              </a>
-            </div>
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
+            <div id="sidebar-overlay"></div>
             <div class="topbar-button topbar-toc">
               <button onclick="showToc()" type="button" title="Table of Contents (CTRL&#43;ALT&#43;t)">
                 <i class="fa-fw fas fa-list-alt"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Hugo Relearn Theme</span><meta itemprop="position" content="1"></li>
-            </ol>
-          </div>
-          <div class="default-animation progress">
-            <div class="toc-wrapper">
+            <div class="default-animation progress">
+              <div class="toc-wrapper">
 <nav id="TableOfContents">
   <ul>
     <li><a href="#motivation">Motivation</a></li>
@@ -105,6 +79,33 @@
     <li><a href="#credits">Credits</a></li>
   </ul>
 </nav>
+              </div>
+            </div>
+            <div id="toc-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Hugo Relearn Theme</span><meta itemprop="position" content="1"></li>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-edit">
+              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/_index.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+                <i class="fa-fw fas fa-pen"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-print">
+              <a href="./index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
+                <i class="fa-fw fas fa-print"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-prev">
+              <span>
+                <i class="fa-fw fas fa-chevron-left"></i>
+              </span>
+            </div>
+            <div class="topbar-button topbar-next">
+              <a href="./basics/index.html" title="Basics (🡒)">
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </a>
             </div>
           </div>
         </div>
@@ -118,8 +119,8 @@
 
 <p>A theme for <a href="https://gohugo.io/" target="_blank">Hugo</a> designed for documentation.</p>
 <p><a href="./basics/migration/">★ What&rsquo;s new in the latest release ★</a></p>
-<p><a href="#image-ecd83d5c7be12083d09dc56447419af6" class="lightbox-link"><img src="images/hero.png?width=100%25&amp;height=100%25" alt="Image of the Relearn theme in light and dark mode on phone, tablet and desktop" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-ecd83d5c7be12083d09dc56447419af6"><img src="images/hero.png?width=100%25&amp;height=100%25" alt="Image of the Relearn theme in light and dark mode on phone, tablet and desktop" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-8fbb0a6f33c84bb67633d80a95be4b12" class="lightbox-link"><img src="images/hero.png?width=100%25&amp;height=100%25" alt="Image of the Relearn theme in light and dark mode on phone, tablet and desktop" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-8fbb0a6f33c84bb67633d80a95be4b12"><img src="images/hero.png?width=100%25&amp;height=100%25" alt="Image of the Relearn theme in light and dark mode on phone, tablet and desktop" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="motivation">Motivation</h2>
 <p>The theme is a fork of the great <a href="https://github.com/matcornic/hugo-theme-learn" target="_blank">Learn theme</a> with the aim of fixing long outstanding bugs and adepting to latest Hugo features. As far as possible this theme tries to be a drop-in replacement for the Learn theme.</p>
 <h2 id="features">Features</h2>
@@ -292,12 +293,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="./js/auto-complete.js?1694553674" defer></script>
-        <script src="./js/lunr/lunr.min.js?1694553674" defer></script>
-        <script src="./js/lunr/lunr.stemmer.support.min.js?1694553674" defer></script>
-        <script src="./js/lunr/lunr.multi.min.js?1694553674" defer></script>
-        <script src="./js/lunr/lunr.en.min.js?1694553674" defer></script>
-        <script src="./js/search.js?1694553674" defer></script>
+        <script src="./js/auto-complete.js?1694640597" defer></script>
+        <script src="./js/lunr/lunr.min.js?1694640597" defer></script>
+        <script src="./js/lunr/lunr.stemmer.support.min.js?1694640597" defer></script>
+        <script src="./js/lunr/lunr.multi.min.js?1694640597" defer></script>
+        <script src="./js/lunr/lunr.en.min.js?1694640597" defer></script>
+        <script src="./js/search.js?1694640597" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -428,8 +429,12 @@
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -437,27 +442,25 @@
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="./js/github-buttons.js?1694553674"></script>
+          <script async src="./js/github-buttons.js?1694640597"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="./js/clipboard.min.js?1694553674" defer></script>
-    <script src="./js/perfect-scrollbar.min.js?1694553674" defer></script>
-    <script src="./js/theme.js?1694553674" defer></script>
+    <script src="./js/clipboard.min.js?1694640597" defer></script>
+    <script src="./js/perfect-scrollbar.min.js?1694640597" defer></script>
+    <script src="./js/theme.js?1694640597" defer></script>
   </body>
 </html>
diff --git a/index.print.html b/index.print.html
index 5c92e58b9d..7e738c3aea 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="./images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="./css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="./css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="./css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="./css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="./css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="./css/theme.css?1694553675" rel="stylesheet">
-    <link href="./css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="./css/variant.css?1694553675" rel="stylesheet">
-    <link href="./css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="./css/format-print.css?1694553675" rel="stylesheet">
-    <link href="./css/ie.css?1694553675" rel="stylesheet">
-    <script src="./js/url.js?1694553675"></script>
-    <script src="./js/variant.js?1694553675"></script>
+    <link href="./css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="./css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="./css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="./css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="./css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="./css/theme.css?1694640598" rel="stylesheet">
+    <link href="./css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="./css/variant.css?1694640598" rel="stylesheet">
+    <link href="./css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="./css/format-print.css?1694640598" rel="stylesheet">
+    <link href="./css/ie.css?1694640598" rel="stylesheet">
+    <script src="./js/url.js?1694640598"></script>
+    <script src="./js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -53,21 +53,21 @@
   </head>
   <body class="mobile-support print disableInlineCopyToClipboard" data-url="./index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Hugo Relearn Theme</span><meta itemprop="position" content="1"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
           </div>
         </div>
       </nav>
@@ -80,8 +80,8 @@
 
 <p>A theme for <a href="https://gohugo.io/" target="_blank">Hugo</a> designed for documentation.</p>
 <p><a href="./basics/migration/">★ What&rsquo;s new in the latest release ★</a></p>
-<p><a href="#image-ecd83d5c7be12083d09dc56447419af6" class="lightbox-link"><img src="./images/hero.png?width=100%25&amp;height=100%25" alt="Image of the Relearn theme in light and dark mode on phone, tablet and desktop" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-ecd83d5c7be12083d09dc56447419af6"><img src="./images/hero.png?width=100%25&amp;height=100%25" alt="Image of the Relearn theme in light and dark mode on phone, tablet and desktop" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-8fbb0a6f33c84bb67633d80a95be4b12" class="lightbox-link"><img src="./images/hero.png?width=100%25&amp;height=100%25" alt="Image of the Relearn theme in light and dark mode on phone, tablet and desktop" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-8fbb0a6f33c84bb67633d80a95be4b12"><img src="./images/hero.png?width=100%25&amp;height=100%25" alt="Image of the Relearn theme in light and dark mode on phone, tablet and desktop" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="motivation">Motivation</h2>
 <p>The theme is a fork of the great <a href="https://github.com/matcornic/hugo-theme-learn" target="_blank">Learn theme</a> with the aim of fixing long outstanding bugs and adepting to latest Hugo features. As far as possible this theme tries to be a drop-in replacement for the Learn theme.</p>
 <h2 id="features">Features</h2>
@@ -939,8 +939,8 @@
 
 <p>Thanks to the simplicity of Hugo, this page is as empty as this theme needs requirements.</p>
 <p>Just download at least version <span class="badge cstyle default badge-with-title"><span class="badge-title"><i class="fab fa-hackerrank"></i></span><span class="badge-content" style="background-color: fuchsia;">0.95.0</span></span> of the <a href="https://gohugo.io/getting-started/installing/" target="_blank">Hugo binary</a> for your OS (Windows, Linux, Mac).</p>
-<p><a href="#image-7032438b27ff54a3a6fc560993e76c01" class="lightbox-link"><img src="./basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-7032438b27ff54a3a6fc560993e76c01"><img src="./basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-25a0be68d604851fd59780db994732b2" class="lightbox-link"><img src="./basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-25a0be68d604851fd59780db994732b2"><img src="./basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
             <footer class="footline">
               <i class='fas fa-list'></i>
@@ -983,8 +983,8 @@
 </span></span><span class="line"><span class="cl"><span class="gh"># Basics
 </span></span></span><span class="line"><span class="cl"><span class="gh"></span>
 </span></span><span class="line"><span class="cl">Discover what this Hugo theme is all about and the core concepts behind it.</span></span></code></pre></div><p>renders as</p>
-<p><a href="#image-cd60b95a51f722c27d16e9fbc61ac392" class="lightbox-link"><img src="./basics/installation/chapter.png?width=60pc" alt="A Chapter" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-cd60b95a51f722c27d16e9fbc61ac392"><img src="./basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-b9af266ca04f489101ae80cf6ecbaf4b" class="lightbox-link"><img src="./basics/installation/chapter.png?width=60pc" alt="A Chapter" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-b9af266ca04f489101ae80cf6ecbaf4b"><img src="./basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>The Relearn theme provides archetypes to create skeletons for your website. Begin by creating your first chapter page with the following command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter basics/_index.md</span></span></code></pre></div><p>By opening the given file, you should see the property <code>chapter=true</code> on top, meaning this page is a <em>chapter</em>.</p>
 <p>By default all chapters and pages are created as a draft. If you want to render these pages, remove the property <code>draft: true</code> from the metadata.</p>
@@ -1138,8 +1138,8 @@
 <p>You can add a dedicated search page for your page by adding the <code>SEARCHPAGE</code> outputformat to your home page by adding the following lines in your <code>config.toml</code> file.</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputs</span><span class="p">]</span>
 </span></span><span class="line"><span class="cl">  <span class="nx">home</span> <span class="p">=</span> <span class="p">[</span><span class="s2">&#34;HTML&#34;</span><span class="p">,</span> <span class="s2">&#34;RSS&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCH&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCHPAGE&#34;</span><span class="p">]</span></span></span></code></pre></div><p>You can access this page by either clicking on the magnifier glass or by typing some search term and pressing <code>ENTER</code> inside of the menu&rsquo;s search box .</p>
-<p><a href="#image-26596a66e5c63223823b4aaceba8d17a" class="lightbox-link"><img src="./basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-26596a66e5c63223823b4aaceba8d17a"><img src="./basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-c477776952eeec55ae6c58e242ea5b55" class="lightbox-link"><img src="./basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-c477776952eeec55ae6c58e242ea5b55"><img src="./basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="activate-print-support">Activate print support</h2>
 <p>You can activate print support to add the capability to print whole chapters or even the complete site. Just add the <code>PRINT</code> output format to your home, section and page in your <code>config.toml</code> as seen below:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputs</span><span class="p">]</span>
@@ -1184,8 +1184,8 @@ appearance, you will have to configure two parameters for the defined languages:
 </span></span><span class="line"><span class="cl"><span class="p">...</span></span></span></code></pre></div><p>If those params are not configured for a specific language, they will get their
 default values:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">landingPageName</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fas fa-home&#39;&gt;&lt;/i&gt; Home&#34;</span></span></span></code></pre></div><p>The home button is going to look like this:</p>
-<p><a href="#image-bdf7c42fcb4a895bc646b799a04cedad" class="lightbox-link"><img src="./basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-bdf7c42fcb4a895bc646b799a04cedad"><img src="./basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-954519fdb381ed92e775fabe377deaa5" class="lightbox-link"><img src="./basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-954519fdb381ed92e775fabe377deaa5"><img src="./basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
             <footer class="footline">
 
@@ -1306,13 +1306,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-b92a4e3bb88d0fb308869c4c13d6137d" aria-controls="expandcontent-b92a4e3bb88d0fb308869c4c13d6137d" >
-    <label class="expand-label" for="expand-b92a4e3bb88d0fb308869c4c13d6137d" >
+    <input type="checkbox" id="expand-adf1950d789d087cf02746421e452f5a" aria-controls="expandcontent-adf1950d789d087cf02746421e452f5a" >
+    <label class="expand-label" for="expand-adf1950d789d087cf02746421e452f5a" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show usage instructions
     </label>
-    <div id="expandcontent-b92a4e3bb88d0fb308869c4c13d6137d" class="expand-content">
+    <div id="expandcontent-adf1950d789d087cf02746421e452f5a" 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>
@@ -2686,8 +2686,8 @@ window.variants && variants.generator( '#vargenerator' );
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="err">+++</span>
 </span></span><span class="line"><span class="cl"><span class="nx">title</span> <span class="p">=</span> <span class="s2">&#34;GitHub repo&#34;</span>
 </span></span><span class="line"><span class="cl"><span class="nx">menuPre</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fab fa-github&#39;&gt;&lt;/i&gt; &#34;</span>
-</span></span><span class="line"><span class="cl"><span class="err">+++</span></span></span></code></pre></div><p><a href="#image-0074aa53b6a34a7ee6907de14dff54a9" class="lightbox-link"><img src="./cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title with icon" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-0074aa53b6a34a7ee6907de14dff54a9"><img src="./cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title with icon" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+</span></span><span class="line"><span class="cl"><span class="err">+++</span></span></span></code></pre></div><p><a href="#image-15dcefc5bfa14fcf22c1132a48f584fc" class="lightbox-link"><img src="./cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title with icon" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-15dcefc5bfa14fcf22c1132a48f584fc"><img src="./cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title with icon" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h3 id="ordering-sibling-menupage-entries">Ordering sibling menu/page entries</h3>
 <p>Hugo provides a <a href="https://gohugo.io/content/ordering/" target="_blank">flexible way</a> to handle order for your pages.</p>
 <p>The simplest way is to set <code>weight</code> parameter to a number.</p>
@@ -2730,8 +2730,8 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
 <h2 id="predefined-archetypes">Predefined Archetypes</h2>
 <h3 id="archetypes-home">Home</h3>
 <p>A <strong>Home</strong> page is the starting page of your project. It&rsquo;s best to have only one page of this kind in your project.</p>
-<p><a href="#image-4af10c1b03a01a94e0b9f2feac7dee14" class="lightbox-link"><img src="./cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-4af10c1b03a01a94e0b9f2feac7dee14"><img src="./cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-a124cd7023529462a22f79a5586533fa" class="lightbox-link"><img src="./cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-a124cd7023529462a22f79a5586533fa"><img src="./cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>To create a home page, run the following command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind home _index.md</span></span></code></pre></div><p>This leads to a file with the following content</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">+++
@@ -2741,8 +2741,8 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
 </span></span><span class="line"><span class="cl">
 </span></span><span class="line"><span class="cl">Lorem Ipsum.</span></span></code></pre></div><h3 id="archetypes-chapter">Chapter</h3>
 <p>A <strong>Chapter</strong> displays a page meant to be used as introduction for a set of child pages. Commonly, it contains a simple title and a catch line to define content that can be found below it.</p>
-<p><a href="#image-3c095a08f8a79b10f94b8951911c3d10" class="lightbox-link"><img src="./cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-3c095a08f8a79b10f94b8951911c3d10"><img src="./cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-83b647dab286e74734903bd68e1529aa" class="lightbox-link"><img src="./cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-83b647dab286e74734903bd68e1529aa"><img src="./cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>To create a chapter page, run the following command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter &lt;name&gt;/_index.md</span></span></code></pre></div><p>This leads to a file with the following content</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">+++
@@ -2754,8 +2754,8 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
 </span></span><span class="line"><span class="cl">Lorem Ipsum.</span></span></code></pre></div><p>Replace the <code>X</code> with a number. Because this number will be used to generate the subtitle of the chapter page, set the number to a consecutive value starting at 1 for each new chapter level.</p>
 <h3 id="archetypes-default">Default</h3>
 <p>A <strong>Default</strong> page is any other content page. If you set an unknown archetype in your frontmatter, this archetype will be used to generate the page.</p>
-<p><a href="#image-c34cacce11b45a4bf2a0167c4a2ba7d7" class="lightbox-link"><img src="./cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-c34cacce11b45a4bf2a0167c4a2ba7d7"><img src="./cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-28349303b178e27d73021c4f99a54a4d" class="lightbox-link"><img src="./cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-28349303b178e27d73021c4f99a54a4d"><img src="./cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>To create a default page, run either one of the following commands</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new &lt;chapter&gt;/&lt;name&gt;/_index.md</span></span></code></pre></div><p>or</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new &lt;chapter&gt;/&lt;name&gt;.md</span></span></code></pre></div><p>This leads to a file with the following content</p>
@@ -3326,8 +3326,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-dab655d09cb29de5b985db1feae1e470" class="lightbox-link"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-dab655d09cb29de5b985db1feae1e470"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-24fe53473defdde3bbf63b1db604cd8c" class="lightbox-link"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-24fe53473defdde3bbf63b1db604cd8c"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-with-tooltip">Image with Tooltip</h3>
@@ -3337,8 +3337,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-af13da3b5f5905e28c84992f0505376e" class="lightbox-link"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-af13da3b5f5905e28c84992f0505376e"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-4311573b9fb8ac86dd807ee3e12bc8fe" class="lightbox-link"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-4311573b9fb8ac86dd807ee3e12bc8fe"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-references">Image References</h3>
@@ -3350,8 +3350,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-86bb6137e0e9d9be7a4a6aca7e9970ff" class="lightbox-link"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-86bb6137e0e9d9be7a4a6aca7e9970ff"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-dee7bd045397b966dd689b3e5c8f5639" class="lightbox-link"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-dee7bd045397b966dd689b3e5c8f5639"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-effects">Image Effects</h3>
@@ -3363,8 +3363,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-ddc222518bd0cfadf0dd3afaeb8ea242" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-ddc222518bd0cfadf0dd3afaeb8ea242"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-edbdbf731b3b3151f10fa21f7ce1d188" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-edbdbf731b3b3151f10fa21f7ce1d188"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">Minion</span>](<span class="na">https://octodex.github.com/images/minion.png?height=50px</span>)</span></span></code></pre></div>
@@ -3372,8 +3372,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-f1218fc7adc88dca9947a585211700bd" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-f1218fc7adc88dca9947a585211700bd"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-26b5f529bcb800192e9792f29d211e61" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-26b5f529bcb800192e9792f29d211e61"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">Minion</span>](<span class="na">https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw</span>)</span></span></code></pre></div>
@@ -3381,8 +3381,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-412d18d2c825489135ac561844cbf3d0" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: 40vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-412d18d2c825489135ac561844cbf3d0"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-a141a4ea1216923df5d9f494b0511cf4" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: 40vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-a141a4ea1216923df5d9f494b0511cf4"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h4 id="css-classes">CSS Classes</h4>
@@ -3393,8 +3393,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-da71969cb84934de8e0185aee2a9ddb1" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="figure-image bg-white border lightbox noborder shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-da71969cb84934de8e0185aee2a9ddb1"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="lightbox-image bg-white border lightbox noborder shadow" loading="lazy"></a></p>
+<p><a href="#image-631cb039a6a33e7938519299f3ad8f0a" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="figure-image bg-white border lightbox noborder shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-631cb039a6a33e7938519299f3ad8f0a"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="lightbox-image bg-white border lightbox noborder shadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="border">Border</h5>
@@ -3403,8 +3403,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-4cc07d3e19ab629d820800c7995f16cc" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="figure-image bg-white border lightbox noshadow noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-4cc07d3e19ab629d820800c7995f16cc"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="lightbox-image bg-white border lightbox noshadow noshadow" loading="lazy"></a></p>
+<p><a href="#image-7a8a638dfdb08617ef91fc722bf5fdbb" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="figure-image bg-white border lightbox noshadow noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-7a8a638dfdb08617ef91fc722bf5fdbb"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="lightbox-image bg-white border lightbox noshadow noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="left">Left</h5>
@@ -3413,8 +3413,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-58b5569c3be054605b7f371451a63578" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="figure-image bg-white border left lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-58b5569c3be054605b7f371451a63578"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image bg-white border left lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-8df89adb76b91daeeecb2d0191d3e491" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="figure-image bg-white border left lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-8df89adb76b91daeeecb2d0191d3e491"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image bg-white border left lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="right">Right</h5>
@@ -3423,8 +3423,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-49ad8ac7d94835863f06c6cffa17fa0b" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="figure-image bg-white border lightbox right noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-49ad8ac7d94835863f06c6cffa17fa0b"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image bg-white border lightbox right noshadow" loading="lazy"></a></p>
+<p><a href="#image-19e4d74b9f31d7733fd880feda8e1651" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="figure-image bg-white border lightbox right noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-19e4d74b9f31d7733fd880feda8e1651"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image bg-white border lightbox right noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="inline">Inline</h5>
@@ -3436,14 +3436,14 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-cd49ab5f91e6e78b40710b834da4278c" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-cd49ab5f91e6e78b40710b834da4278c"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#image-41dc8ae4d9f0bbf70b30dcf92e357042" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-41dc8ae4d9f0bbf70b30dcf92e357042"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#image-d3ba3c689ae042c7a882322ec646426e" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-d3ba3c689ae042c7a882322ec646426e"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#image-eef706dd77915ed12e0450f39e397daf" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-eef706dd77915ed12e0450f39e397daf"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-08c553456896b870b6632a02d259f27e" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-08c553456896b870b6632a02d259f27e"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#image-f035942f6b22e64dde1bb22850d1d3cf" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-f035942f6b22e64dde1bb22850d1d3cf"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#image-a17db850ec4dcbf9d4dc8b6a3169593f" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-a17db850ec4dcbf9d4dc8b6a3169593f"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#image-1d3fd0c74d33083c37504d1261779f12" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-1d3fd0c74d33083c37504d1261779f12"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="combination">Combination</h5>
@@ -3452,8 +3452,8 @@ line 3 of code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-f141536de49ecb36c6683b702e5dde85" class="lightbox-link"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="figure-image bg-white border left lightbox shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-f141536de49ecb36c6683b702e5dde85"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image bg-white border left lightbox shadow" loading="lazy"></a></p>
+<p><a href="#image-4322c39745881733f2d1d0244bf3eccf" class="lightbox-link"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="figure-image bg-white border left lightbox shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-4322c39745881733f2d1d0244bf3eccf"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image bg-white border left lightbox shadow" loading="lazy"></a></p>
 </div>
 </div>
 <h4 id="lightbox">Lightbox</h4>
@@ -3493,13 +3493,13 @@ line 3 of code
 <p>Without any settings in your <code>config.toml</code> this defaults to</p>
 
   
-<div class="tab-panel" data-tab-group="3a1f5f72a57123cef03b9ebefc71a767">
+<div class="tab-panel" data-tab-group="705ff8406b18693241f688e90b399120">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="configtoml"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('3a1f5f72a57123cef03b9ebefc71a767','configtoml')"
+      onclick="switchTab('705ff8406b18693241f688e90b399120','configtoml')"
     >
       <div>
         <div class="tab-nav-hidden">config.toml</div>
@@ -3523,13 +3523,13 @@ line 3 of code
 </div><p>This can be overridden in a pages frontmatter by eg.</p>
 
   
-<div class="tab-panel" data-tab-group="6bbd0fb13ee9253b296838c382339131">
+<div class="tab-panel" data-tab-group="6e75f060ee3d25b028c0c192186f26fe">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="frontmatter"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('6bbd0fb13ee9253b296838c382339131','frontmatter')"
+      onclick="switchTab('6e75f060ee3d25b028c0c192186f26fe','frontmatter')"
     >
       <div>
         <div class="tab-nav-hidden">frontmatter</div>
@@ -3552,13 +3552,13 @@ line 3 of code
 </div><p>Or by explicitly override settings by URL query parameter</p>
 
   
-<div class="tab-panel" data-tab-group="71c102829b61d4ee8033a3fabe9d4553">
+<div class="tab-panel" data-tab-group="112879dcdcef60ca1c110f7ab3e4bb23">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="url"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('71c102829b61d4ee8033a3fabe9d4553','url')"
+      onclick="switchTab('112879dcdcef60ca1c110f7ab3e4bb23','url')"
     >
       <div>
         <div class="tab-nav-hidden">URL</div>
@@ -3578,13 +3578,13 @@ line 3 of code
 </div><p>The settings applied to the above image would be</p>
 
   
-<div class="tab-panel" data-tab-group="c1e098be5480ed2b240f8987007b596e">
+<div class="tab-panel" data-tab-group="0be858934eb5a7eb62f4fa802eb7fd95">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="result"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('c1e098be5480ed2b240f8987007b596e','result')"
+      onclick="switchTab('0be858934eb5a7eb62f4fa802eb7fd95','result')"
     >
       <div>
         <div class="tab-nav-hidden">Result</div>
@@ -3607,13 +3607,13 @@ line 3 of code
 </div><p>This ends up in the following HTML where the parameter are converted to CSS classes.</p>
 
   
-<div class="tab-panel" data-tab-group="3e5614aaae5822fc2cfa4ea7577ea015">
+<div class="tab-panel" data-tab-group="7605f0a4b4d91454499548abb26e2d26">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="html"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('3e5614aaae5822fc2cfa4ea7577ea015','html')"
+      onclick="switchTab('7605f0a4b4d91454499548abb26e2d26','html')"
     >
       <div>
         <div class="tab-nav-hidden">HTML</div>
@@ -3790,8 +3790,8 @@ However, if you want to keep the title but change its value, it can be overridde
 <li>Automatic menu generation from multilingual content</li>
 <li>In-browser language switching</li>
 </ul>
-<p><a href="#image-b097e2b57994e861e6d5d5087523f6d4" class="lightbox-link"><img src="./cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-b097e2b57994e861e6d5d5087523f6d4"><img src="./cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-fb768b65aff9072b15ab6b1f11c51c85" class="lightbox-link"><img src="./cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-fb768b65aff9072b15ab6b1f11c51c85"><img src="./cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="basic-configuration">Basic configuration</h2>
 <p>After learning <a href="https://gohugo.io/content-management/multilingual" target="_blank">how Hugo handle multilingual websites</a>, define your languages in your <code>config.toml</code> file.</p>
 <p>For example with current English and Piratized English website.</p>
@@ -5182,13 +5182,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-d76ebdd4658a7fed2dde0723408d122a" aria-controls="expandcontent-d76ebdd4658a7fed2dde0723408d122a" >
-    <label class="expand-label" for="expand-d76ebdd4658a7fed2dde0723408d122a" >
+    <input type="checkbox" id="expand-f6bffa990b5f662b81666956f038bc62" aria-controls="expandcontent-f6bffa990b5f662b81666956f038bc62" >
+    <label class="expand-label" for="expand-f6bffa990b5f662b81666956f038bc62" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-d76ebdd4658a7fed2dde0723408d122a" class="expand-content">
+    <div id="expandcontent-f6bffa990b5f662b81666956f038bc62" 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>
@@ -5315,26 +5315,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-b6540157d358ee5b89e9f568c567cef6" aria-controls="expandcontent-b6540157d358ee5b89e9f568c567cef6" >
-    <label class="expand-label" for="expand-b6540157d358ee5b89e9f568c567cef6" >
+    <input type="checkbox" id="expand-1d3324bd122ec6f8856e8a7c0926c733" aria-controls="expandcontent-1d3324bd122ec6f8856e8a7c0926c733" >
+    <label class="expand-label" for="expand-1d3324bd122ec6f8856e8a7c0926c733" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-b6540157d358ee5b89e9f568c567cef6" class="expand-content">
+    <div id="expandcontent-1d3324bd122ec6f8856e8a7c0926c733" 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-4536f660a2a09161cc060e6a3a978af9" aria-controls="expandcontent-4536f660a2a09161cc060e6a3a978af9"  checked>
-    <label class="expand-label" for="expand-4536f660a2a09161cc060e6a3a978af9" >
+    <input type="checkbox" id="expand-db0091ed449f7647e85d416149643e45" aria-controls="expandcontent-db0091ed449f7647e85d416149643e45"  checked>
+    <label class="expand-label" for="expand-db0091ed449f7647e85d416149643e45" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-4536f660a2a09161cc060e6a3a978af9" class="expand-content">
+    <div id="expandcontent-db0091ed449f7647e85d416149643e45" class="expand-content">
 <p>
 No need to press you!</div>
 </div>
@@ -5355,13 +5355,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-fb48b3acab4b74a820bc812e73a6699a" aria-controls="expandcontent-fb48b3acab4b74a820bc812e73a6699a" >
-    <label class="expand-label" for="expand-fb48b3acab4b74a820bc812e73a6699a" >
+    <input type="checkbox" id="expand-6e970d2df6a22a451bb12a69015d0750" aria-controls="expandcontent-6e970d2df6a22a451bb12a69015d0750" >
+    <label class="expand-label" for="expand-6e970d2df6a22a451bb12a69015d0750" >
         <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-fb48b3acab4b74a820bc812e73a6699a" class="expand-content">
+    <div id="expandcontent-6e970d2df6a22a451bb12a69015d0750" class="expand-content">
 
 <p>You can add standard markdown syntax:</p>
 <ul>
@@ -5390,13 +5390,13 @@ No need to press you!</div>
 <p>The <code>highlight</code> shortcode renders your code with a syntax highlighter.</p>
 
   
-<div class="tab-panel" data-tab-group="630091bdc6853eae30138716d9a66dec">
+<div class="tab-panel" data-tab-group="9e2b003661d55d87789205809dc964e2">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="python"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('630091bdc6853eae30138716d9a66dec','python')"
+      onclick="switchTab('9e2b003661d55d87789205809dc964e2','python')"
     >
       <div>
         <div class="tab-nav-hidden">python</div>
@@ -5619,13 +5619,13 @@ No need to press you!</div>
 </span></span></span><span class="line"><span class="cl"><span class="gh"></span>print(&#34;Hello World!&#34;)
 </span></span><span class="line"><span class="cl">```</span></span></code></pre></div>
   
-<div class="tab-panel" data-tab-group="09ee6023af3c4be83131c2bf114bc1f1">
+<div class="tab-panel" data-tab-group="76b381033f5bfc995fd7caefa0101e54">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="python"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('09ee6023af3c4be83131c2bf114bc1f1','python')"
+      onclick="switchTab('76b381033f5bfc995fd7caefa0101e54','python')"
     >
       <div>
         <div class="tab-nav-hidden">python</div>
@@ -7164,7 +7164,7 @@ Electricity grid,H2 conversion,27.14
 <div class="sc-openapi-wrapper is-loading helper-loading-container">
   <div
     class="sc-openapi-container"
-    id="openapi-51e3b47b651c1c171fc64b4534dfa1c7"
+    id="openapi-f27f5a5e506e09f0546a87d07b912a3b"
     openapi-url="./shortcodes/openapi/petstore.json"
   ></div>
 </div>
@@ -7270,13 +7270,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="f81a6c2473ad6e44f0121fe51b824c5c">
+<div class="tab-panel" data-tab-group="a5bd706429354cd7155f5990426cfdf4">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="configtoml"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('f81a6c2473ad6e44f0121fe51b824c5c','configtoml')"
+      onclick="switchTab('a5bd706429354cd7155f5990426cfdf4','configtoml')"
     >
       <div>
         <div class="tab-nav-hidden">config.toml</div>
@@ -7312,13 +7312,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="6c4590adb01ccb6cf73766d6eb5df1e7">
+<div class="tab-panel" data-tab-group="611ba43b0b30fb2dc39efcbc34644d44">
   <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('6c4590adb01ccb6cf73766d6eb5df1e7','c')"
+      onclick="switchTab('611ba43b0b30fb2dc39efcbc34644d44','c')"
     >
       <div>
         <div class="tab-nav-hidden">c</div>
@@ -7432,13 +7432,13 @@ Electricity grid,H2 conversion,27.14
 </span></span></span><span class="line"><span class="cl"><span class="s">printf(&#34;Hello World!&#34;);
 </span></span></span><span class="line"><span class="cl"><span class="s">```</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="62284783afc3581cf918c084188a7d55">
+<div class="tab-panel" data-tab-group="d1ff53cdacba79275e0432098b7999fd">
   <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('62284783afc3581cf918c084188a7d55','code')"
+      onclick="switchTab('d1ff53cdacba79275e0432098b7999fd','code')"
     >
       <div>
         <div class="tab-nav-hidden">Code</div>
@@ -7463,13 +7463,13 @@ Electricity grid,H2 conversion,27.14
 </span></span></span><span class="line"><span class="cl"><span class="s">printf(&#34;Hello World!&#34;);
 </span></span></span><span class="line"><span class="cl"><span class="s">```</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="14466c1fe1fc765ac73139fdba5615ad">
+<div class="tab-panel" data-tab-group="0ee1dba1f80758788a3af78cb92b7652">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="emstrongmixedstrongem"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('14466c1fe1fc765ac73139fdba5615ad','emstrongmixedstrongem')"
+      onclick="switchTab('0ee1dba1f80758788a3af78cb92b7652','emstrongmixedstrongem')"
     >
       <div>
         <div class="tab-nav-hidden"><em><strong>Mixed</strong></em></div>
@@ -7517,13 +7517,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="5fd2bf719a7eeb53f790b5eca6dc6e7f">
+<div class="tab-panel" data-tab-group="c1971fdd980f3c0e217d8095af158276">
   <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('5fd2bf719a7eeb53f790b5eca6dc6e7f','just-colored-style')"
+      onclick="switchTab('c1971fdd980f3c0e217d8095af158276','just-colored-style')"
     >
       <div>
         <div class="tab-nav-hidden">just colored style</div>
@@ -7533,7 +7533,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('5fd2bf719a7eeb53f790b5eca6dc6e7f','just-color')"
+      onclick="switchTab('c1971fdd980f3c0e217d8095af158276','just-color')"
     >
       <div>
         <div class="tab-nav-hidden">just color</div>
@@ -7543,7 +7543,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('5fd2bf719a7eeb53f790b5eca6dc6e7f','default-style-and-color')"
+      onclick="switchTab('c1971fdd980f3c0e217d8095af158276','default-style-and-color')"
     >
       <div>
         <div class="tab-nav-hidden">default style and color</div>
@@ -7553,7 +7553,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('5fd2bf719a7eeb53f790b5eca6dc6e7f','just-severity-stylefa-fw-fas-fa-info-circle')"
+      onclick="switchTab('c1971fdd980f3c0e217d8095af158276','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>
@@ -7563,7 +7563,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('5fd2bf719a7eeb53f790b5eca6dc6e7f','severity-style-and-colorfa-fw-fas-fa-info-circle')"
+      onclick="switchTab('c1971fdd980f3c0e217d8095af158276','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>
@@ -7634,13 +7634,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="403b535cd8b54a49d9764dfc0110dab2">
+<div class="tab-panel" data-tab-group="eec3394586535d7b4838457dba843111">
   <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('403b535cd8b54a49d9764dfc0110dab2','py')"
+      onclick="switchTab('eec3394586535d7b4838457dba843111','py')"
     >
       <div>
         <div class="tab-nav-hidden">py</div>
@@ -7650,7 +7650,7 @@ Electricity grid,H2 conversion,27.14
     <button
       data-tab-item="sh"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('403b535cd8b54a49d9764dfc0110dab2','sh')"
+      onclick="switchTab('eec3394586535d7b4838457dba843111','sh')"
     >
       <div>
         <div class="tab-nav-hidden">sh</div>
@@ -7660,7 +7660,7 @@ Electricity grid,H2 conversion,27.14
     <button
       data-tab-item="c"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('403b535cd8b54a49d9764dfc0110dab2','c')"
+      onclick="switchTab('eec3394586535d7b4838457dba843111','c')"
     >
       <div>
         <div class="tab-nav-hidden">c</div>
@@ -7817,13 +7817,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="93259d1a69e9319c6f6c9cf2d6ee7485">
+<div class="tab-panel" data-tab-group="c518499c51f782d1fdabfe77290e0834">
   <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('93259d1a69e9319c6f6c9cf2d6ee7485','group-a-tab-view-1')"
+      onclick="switchTab('c518499c51f782d1fdabfe77290e0834','group-a-tab-view-1')"
     >
       <div>
         <div class="tab-nav-hidden">Group A, Tab View 1</div>
@@ -7833,7 +7833,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('93259d1a69e9319c6f6c9cf2d6ee7485','group-a-tab-view-2')"
+      onclick="switchTab('c518499c51f782d1fdabfe77290e0834','group-a-tab-view-2')"
     >
       <div>
         <div class="tab-nav-hidden">Group A, Tab View 2</div>
@@ -7843,7 +7843,7 @@ Electricity grid,H2 conversion,27.14
     <button
       data-tab-item="group-b"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('93259d1a69e9319c6f6c9cf2d6ee7485','group-b')"
+      onclick="switchTab('c518499c51f782d1fdabfe77290e0834','group-b')"
     >
       <div>
         <div class="tab-nav-hidden">Group B</div>
@@ -8243,8 +8243,8 @@ Electricity grid,H2 conversion,27.14
         </div>
       </main>
     </div>
-    <script src="./js/clipboard.min.js?1694553675" defer></script>
-    <script src="./js/perfect-scrollbar.min.js?1694553675" defer></script>
+    <script src="./js/clipboard.min.js?1694640598" defer></script>
+    <script src="./js/perfect-scrollbar.min.js?1694640598" defer></script>
     <script>
       function useMathJax( config ){
         if( !Object.assign ){
@@ -8273,27 +8273,27 @@ Electricity grid,H2 conversion,27.14
       }
       useMathJax( JSON.parse("{}") );
     </script>
-    <script id="MathJax-script" async src="./js/mathjax/tex-mml-chtml.js?1694553675"></script>
-    <script src="./js/d3/d3-color.min.js?1694553675" defer></script>
-    <script src="./js/d3/d3-dispatch.min.js?1694553675" defer></script>
-    <script src="./js/d3/d3-drag.min.js?1694553675" defer></script>
-    <script src="./js/d3/d3-ease.min.js?1694553675" defer></script>
-    <script src="./js/d3/d3-interpolate.min.js?1694553675" defer></script>
-    <script src="./js/d3/d3-selection.min.js?1694553675" defer></script>
-    <script src="./js/d3/d3-timer.min.js?1694553675" defer></script>
-    <script src="./js/d3/d3-transition.min.js?1694553675" defer></script>
-    <script src="./js/d3/d3-zoom.min.js?1694553675" defer></script>
-    <script src="./js/js-yaml.min.js?1694553675" defer></script>
-    <script src="./js/mermaid.min.js?1694553675" defer></script>
+    <script id="MathJax-script" async src="./js/mathjax/tex-mml-chtml.js?1694640598"></script>
+    <script src="./js/d3/d3-color.min.js?1694640598" defer></script>
+    <script src="./js/d3/d3-dispatch.min.js?1694640598" defer></script>
+    <script src="./js/d3/d3-drag.min.js?1694640598" defer></script>
+    <script src="./js/d3/d3-ease.min.js?1694640598" defer></script>
+    <script src="./js/d3/d3-interpolate.min.js?1694640598" defer></script>
+    <script src="./js/d3/d3-selection.min.js?1694640598" defer></script>
+    <script src="./js/d3/d3-timer.min.js?1694640598" defer></script>
+    <script src="./js/d3/d3-transition.min.js?1694640598" defer></script>
+    <script src="./js/d3/d3-zoom.min.js?1694640598" defer></script>
+    <script src="./js/js-yaml.min.js?1694640598" defer></script>
+    <script src="./js/mermaid.min.js?1694640598" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
     <script>window.noZensmooth = true;</script>
-    <script src="./js/swagger-ui/swagger-ui-bundle.js?1694553675" defer></script>
-    <script src="./js/swagger-ui/swagger-ui-standalone-preset.js?1694553675" defer></script>
+    <script src="./js/swagger-ui/swagger-ui-bundle.js?1694640598" defer></script>
+    <script src="./js/swagger-ui/swagger-ui-standalone-preset.js?1694640598" defer></script>
     <script>
-      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1694553675", assetsBuster:  1694553675  };
+      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1694640598", assetsBuster:  1694640598  };
     </script>
-    <script src="./js/theme.js?1694553675" defer></script>
+    <script src="./js/theme.js?1694640598" defer></script>
   </body>
 </html>
diff --git a/js/theme.js b/js/theme.js
index 5aae4a9c97..2fd1bf274d 100644
--- a/js/theme.js
+++ b/js/theme.js
@@ -940,11 +940,15 @@ function initToc(){
     document.addEventListener( 'keydown', searchShortcutHandler );
     document.addEventListener( 'keydown', tocShortcutHandler );
 
-    document.querySelector( '#sidebar-overlay' ).addEventListener( 'click', showNav );
-    document.querySelector( '#toc-overlay' ).addEventListener( 'click', showToc );
+    var s = document.querySelector( '#sidebar-overlay' );
+    if( s ){
+        s.addEventListener( 'click', showNav );
+    }
+    var o = document.querySelector( '#toc-overlay' );
     var p = document.querySelector( '.progress' );
-    if( p ){
+    if( o && p ){
         // we may not have a toc
+        o.addEventListener( 'click', showToc );
         p.addEventListener( 'click', showToc );
     }
 
@@ -990,13 +994,14 @@ function initSwipeHandler(){
         return false;
     };
 
-    document.querySelector( '#sidebar-overlay' ).addEventListener("touchstart", handleStartX, false);
+    var s = document.querySelector( '#sidebar-overlay' );
+    s && s.addEventListener("touchstart", handleStartX, false);
     document.querySelector( '#sidebar' ).addEventListener("touchstart", handleStartX, false);
     document.querySelectorAll( '#sidebar *' ).forEach( function(e){ e.addEventListener("touchstart", handleStartX); }, false);
-    document.querySelector( '#sidebar-overlay' ).addEventListener("touchmove", handleMoveX, false);
+    s && s.addEventListener("touchmove", handleMoveX, false);
     document.querySelector( '#sidebar' ).addEventListener("touchmove", handleMoveX, false);
     document.querySelectorAll( '#sidebar *' ).forEach( function(e){ e.addEventListener("touchmove", handleMoveX); }, false);
-    document.querySelector( '#sidebar-overlay' ).addEventListener("touchend", handleEndX, false);
+    s && s.addEventListener("touchend", handleEndX, false);
     document.querySelector( '#sidebar' ).addEventListener("touchend", handleEndX, false);
     document.querySelectorAll( '#sidebar *' ).forEach( function(e){ e.addEventListener("touchend", handleEndX); }, false);
 }
diff --git a/more/credits/index.html b/more/credits/index.html
index f17613c6c1..2f272f3f6d 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1694553673" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1694553673" rel="stylesheet">
-    <link href="../../css/fonts.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1694553673" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1694553673" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1694553673" rel="stylesheet">
-    <link href="../../css/print.css?1694553673" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1694553673" rel="stylesheet">
-    <script src="../../js/url.js?1694553673"></script>
-    <script src="../../js/variant.js?1694553673"></script>
+    <link href="../../css/fontawesome-all.min.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694640597" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694640597" rel="stylesheet">
+    <link href="../../css/fonts.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694640597" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694640597" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694640597" rel="stylesheet">
+    <link href="../../css/print.css?1694640597" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1694640597" rel="stylesheet">
+    <script src="../../js/url.js?1694640597"></script>
+    <script src="../../js/variant.js?1694640597"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -52,50 +52,23 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../more/credits/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <span>
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </span>
-            </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../index.html" title="Hugo Relearn Theme (🡐)">
-                <i class="fa-fw fas fa-chevron-left"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-print">
-              <a href="../../more/credits/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
-                <i class="fa-fw fas fa-print"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-edit">
-              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/more/credits/_index.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
-                <i class="fa-fw fas fa-pen"></i>
-              </a>
-            </div>
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
+            <div id="sidebar-overlay"></div>
             <div class="topbar-button topbar-toc">
               <button onclick="showToc()" type="button" title="Table of Contents (CTRL&#43;ALT&#43;t)">
                 <i class="fa-fw fas fa-list-alt"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Credits</span><meta itemprop="position" content="2"></li>
-            </ol>
-          </div>
-          <div class="default-animation progress">
-            <div class="toc-wrapper">
+            <div class="default-animation progress">
+              <div class="toc-wrapper">
 <nav id="TableOfContents">
   <ul>
     <li><a href="#contributors">Contributors</a></li>
@@ -104,6 +77,34 @@
     <li><a href="#tooling-dependencies">Tooling Dependencies</a></li>
   </ul>
 </nav>
+              </div>
+            </div>
+            <div id="toc-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Credits</span><meta itemprop="position" content="2"></li>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-edit">
+              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/more/credits/_index.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+                <i class="fa-fw fas fa-pen"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-print">
+              <a href="../../more/credits/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
+                <i class="fa-fw fas fa-print"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-prev">
+              <a href="../../index.html" title="Hugo Relearn Theme (🡐)">
+                <i class="fa-fw fas fa-chevron-left"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-next">
+              <span>
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </span>
             </div>
           </div>
         </div>
@@ -257,12 +258,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1694553674" defer></script>
-        <script src="../../js/search.js?1694553674" defer></script>
+        <script src="../../js/auto-complete.js?1694640598" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1694640598" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694640598" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1694640598" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1694640598" defer></script>
+        <script src="../../js/search.js?1694640598" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -393,8 +394,12 @@
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -402,27 +407,25 @@
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1694553674"></script>
+          <script async src="../../js/github-buttons.js?1694640598"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1694553674" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1694553674" defer></script>
-    <script src="../../js/theme.js?1694553674" defer></script>
+    <script src="../../js/clipboard.min.js?1694640598" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694640598" defer></script>
+    <script src="../../js/theme.js?1694640598" defer></script>
   </body>
 </html>
diff --git a/more/credits/index.print.html b/more/credits/index.print.html
index e32552e95f..3c3ed2f579 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1694553675" rel="stylesheet">
-    <link href="../../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../../js/url.js?1694553675"></script>
-    <script src="../../js/variant.js?1694553675"></script>
+    <link href="../../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1694640598" rel="stylesheet">
+    <link href="../../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../../js/url.js?1694640598"></script>
+    <script src="../../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -53,22 +53,22 @@
   </head>
   <body class="mobile-support print disableInlineCopyToClipboard" data-url="../../more/credits/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Credits</span><meta itemprop="position" content="2"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
           </div>
         </div>
       </nav>
@@ -143,8 +143,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1694553675" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1694553675" defer></script>
-    <script src="../../js/theme.js?1694553675" defer></script>
+    <script src="../../js/clipboard.min.js?1694640598" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694640598" defer></script>
+    <script src="../../js/theme.js?1694640598" defer></script>
   </body>
 </html>
diff --git a/pir/404.html b/pir/404.html
index cf05ff69b1..08edb988eb 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../js/url.js?1694553675"></script>
-    <script src="../js/variant.js?1694553675"></script>
+    <link href="../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../js/url.js?1694640598"></script>
+    <script src="../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, 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,7 +91,6 @@
   </head>
   <body class="mobile-support html notfound" data-url="../pir/404.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
       <main id="body-inner" class="chapter" tabindex="-1">
         <div class="flex-block-wrapper">
           <article>
diff --git a/pir/basics/configuration/index.html b/pir/basics/configuration/index.html
index 0ff657c672..8e5abcbaf6 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../../../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../../../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../../../js/url.js?1694553675"></script>
-    <script src="../../../js/variant.js?1694553675"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../../../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../../../js/url.js?1694640598"></script>
+    <script src="../../../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -52,51 +52,23 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../../pir/basics/configuration/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <a href="../../../pir/basics/customization/index.html" title="Customizat&#39;n (🡐)">
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../../pir/basics/installation/index.html" title="Installat&#39;n (🡒)">
-                <i class="fa-fw fas fa-chevron-left"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-print">
-              <a href="../../../pir/basics/configuration/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
-                <i class="fa-fw fas fa-print"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-edit">
-              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/basics/configuration/_index.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
-                <i class="fa-fw fas fa-pen"></i>
-              </a>
-            </div>
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
+            <div id="sidebar-overlay"></div>
             <div class="topbar-button topbar-toc">
               <button onclick="showToc()" type="button" title="Table o&#39; Contents (CTRL&#43;ALT&#43;t)">
                 <i class="fa-fw fas fa-list-alt"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/basics/index.html"><span itemprop="name">Basics</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Configurrrat&#39;n</span><meta itemprop="position" content="3"></li>
-            </ol>
-          </div>
-          <div class="default-animation progress">
-            <div class="toc-wrapper">
+            <div class="default-animation progress">
+              <div class="toc-wrapper">
 <nav id="TableOfContents">
   <ul>
     <li><a href="#global-site-parameters">Global ship parameters</a></li>
@@ -121,6 +93,35 @@
     <li><a href="#home-button-configuration">Home Button Configurat'n</a></li>
   </ul>
 </nav>
+              </div>
+            </div>
+            <div id="toc-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/basics/index.html"><span itemprop="name">Basics</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Configurrrat&#39;n</span><meta itemprop="position" content="3"></li>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-edit">
+              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/basics/configuration/_index.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+                <i class="fa-fw fas fa-pen"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-print">
+              <a href="../../../pir/basics/configuration/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
+                <i class="fa-fw fas fa-print"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-prev">
+              <a href="../../../pir/basics/installation/index.html" title="Installat&#39;n (🡒)">
+                <i class="fa-fw fas fa-chevron-left"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-next">
+              <a href="../../../pir/basics/customization/index.html" title="Customizat&#39;n (🡐)">
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </a>
             </div>
           </div>
         </div>
@@ -248,8 +249,8 @@
 <p>Ye can add a dedicated search plank fer yer plank by add'n th' <code>SEARCHPAGE</code> outputformat t' yer home plank by add'n th' follow'n lines 'n yer <code>config.toml</code> file.</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputs</span><span class="p">]</span>
 </span></span><span class="line"><span class="cl">  <span class="nx">home</span> <span class="p">=</span> <span class="p">[</span><span class="s2">&#34;HTML&#34;</span><span class="p">,</span> <span class="s2">&#34;RSS&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCH&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCHPAGE&#34;</span><span class="p">]</span></span></span></code></pre></div><p>Ye can access this plank by either click'n on th' magnifier glass or by typ'n some search term an' press'n <code>ENTER</code> inside o' th' menu&rsquo;s search box .</p>
-<p><a href="#image-84a8e787901230e3f9cf71e02d3849cf" class="lightbox-link"><img src="../../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-84a8e787901230e3f9cf71e02d3849cf"><img src="../../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-366e3951c215d381a8840cb4ed7cf78e" class="lightbox-link"><img src="../../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-366e3951c215d381a8840cb4ed7cf78e"><img src="../../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="activate-print-support">Activate print support</h2>
 <p>Ye can activate print support t' add th' capability t' print whole chapters or even th' complete ship. Just add th' <code>PRINT</code> output format t' yer home, section an' plank 'n yer <code>config.toml</code> as seen below:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputs</span><span class="p">]</span>
@@ -294,8 +295,8 @@ appearance, ye will have t' configure two parameters fer th' defined languages:<
 </span></span><span class="line"><span class="cl"><span class="p">...</span></span></span></code></pre></div><p>If those params be not configured fer a specific language, they will get their
 default values:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">landingPageName</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fas fa-home&#39;&gt;&lt;/i&gt; Home&#34;</span></span></span></code></pre></div><p>Th' home button be go'n t' look like this:</p>
-<p><a href="#image-8d29f2aca1e190bc6b3eec6532d53ceb" class="lightbox-link"><img src="../../../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-8d29f2aca1e190bc6b3eec6532d53ceb"><img src="../../../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-28ce80d6578349c6db81424247a3045c" class="lightbox-link"><img src="../../../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-28ce80d6578349c6db81424247a3045c"><img src="../../../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
 
             <footer class="footline">
@@ -384,12 +385,12 @@ default values:</p>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1694553676" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1694553676" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694553676" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1694553676" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1694553676" defer></script>
-        <script src="../../../js/search.js?1694553676" defer></script>
+        <script src="../../../js/auto-complete.js?1694640600" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1694640600" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694640600" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1694640600" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1694640600" defer></script>
+        <script src="../../../js/search.js?1694640600" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -520,8 +521,12 @@ default values:</p>
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -529,27 +534,25 @@ default values:</p>
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1694553676"></script>
+          <script async src="../../../js/github-buttons.js?1694640600"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1694553676" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1694553676" defer></script>
-    <script src="../../../js/theme.js?1694553676" defer></script>
+    <script src="../../../js/clipboard.min.js?1694640600" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694640600" defer></script>
+    <script src="../../../js/theme.js?1694640600" defer></script>
   </body>
 </html>
diff --git a/pir/basics/configuration/index.print.html b/pir/basics/configuration/index.print.html
index 8a256afc50..0272fe3f93 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1694553677" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1694553677" rel="stylesheet">
-    <link href="../../../css/fonts.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1694553677" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1694553677" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1694553677" rel="stylesheet">
-    <link href="../../../css/print.css?1694553677" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1694553677" rel="stylesheet">
-    <link href="../../../css/ie.css?1694553677" rel="stylesheet">
-    <script src="../../../js/url.js?1694553677"></script>
-    <script src="../../../js/variant.js?1694553677"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694640601" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694640601" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694640601" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694640601" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694640601" rel="stylesheet">
+    <link href="../../../css/print.css?1694640601" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1694640601" rel="stylesheet">
+    <link href="../../../css/ie.css?1694640601" rel="stylesheet">
+    <script src="../../../js/url.js?1694640601"></script>
+    <script src="../../../js/variant.js?1694640601"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -53,23 +53,23 @@
   </head>
   <body class="mobile-support print disableInlineCopyToClipboard" data-url="../../../pir/basics/configuration/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/basics/index.html"><span itemprop="name">Basics</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Configurrrat&#39;n</span><meta itemprop="position" content="3"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
           </div>
         </div>
       </nav>
@@ -196,8 +196,8 @@
 <p>Ye can add a dedicated search plank fer yer plank by add'n th' <code>SEARCHPAGE</code> outputformat t' yer home plank by add'n th' follow'n lines 'n yer <code>config.toml</code> file.</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputs</span><span class="p">]</span>
 </span></span><span class="line"><span class="cl">  <span class="nx">home</span> <span class="p">=</span> <span class="p">[</span><span class="s2">&#34;HTML&#34;</span><span class="p">,</span> <span class="s2">&#34;RSS&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCH&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCHPAGE&#34;</span><span class="p">]</span></span></span></code></pre></div><p>Ye can access this plank by either click'n on th' magnifier glass or by typ'n some search term an' press'n <code>ENTER</code> inside o' th' menu&rsquo;s search box .</p>
-<p><a href="#image-84a8e787901230e3f9cf71e02d3849cf" class="lightbox-link"><img src="../../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-84a8e787901230e3f9cf71e02d3849cf"><img src="../../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-366e3951c215d381a8840cb4ed7cf78e" class="lightbox-link"><img src="../../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-366e3951c215d381a8840cb4ed7cf78e"><img src="../../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="activate-print-support">Activate print support</h2>
 <p>Ye can activate print support t' add th' capability t' print whole chapters or even th' complete ship. Just add th' <code>PRINT</code> output format t' yer home, section an' plank 'n yer <code>config.toml</code> as seen below:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputs</span><span class="p">]</span>
@@ -242,8 +242,8 @@ appearance, ye will have t' configure two parameters fer th' defined languages:<
 </span></span><span class="line"><span class="cl"><span class="p">...</span></span></span></code></pre></div><p>If those params be not configured fer a specific language, they will get their
 default values:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">landingPageName</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fas fa-home&#39;&gt;&lt;/i&gt; Home&#34;</span></span></span></code></pre></div><p>Th' home button be go'n t' look like this:</p>
-<p><a href="#image-8d29f2aca1e190bc6b3eec6532d53ceb" class="lightbox-link"><img src="../../../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-8d29f2aca1e190bc6b3eec6532d53ceb"><img src="../../../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-28ce80d6578349c6db81424247a3045c" class="lightbox-link"><img src="../../../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-28ce80d6578349c6db81424247a3045c"><img src="../../../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
 
             <footer class="footline">
@@ -254,8 +254,8 @@ default values:</p>
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1694553678" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1694553678" defer></script>
-    <script src="../../../js/theme.js?1694553678" defer></script>
+    <script src="../../../js/clipboard.min.js?1694640601" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694640601" defer></script>
+    <script src="../../../js/theme.js?1694640601" defer></script>
   </body>
 </html>
diff --git a/pir/basics/customization/index.html b/pir/basics/customization/index.html
index 1a0975e43a..7c87acb9c3 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../../../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../../../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../../../js/url.js?1694553675"></script>
-    <script src="../../../js/variant.js?1694553675"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../../../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../../../js/url.js?1694640598"></script>
+    <script src="../../../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -52,51 +52,23 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../../pir/basics/customization/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <a href="../../../pir/basics/generator/index.html" title="Stylesheet generrrat&#39;r (🡐)">
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../../pir/basics/configuration/index.html" title="Configurrrat&#39;n (🡒)">
-                <i class="fa-fw fas fa-chevron-left"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-print">
-              <a href="../../../pir/basics/customization/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
-                <i class="fa-fw fas fa-print"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-edit">
-              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/basics/customization/_index.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
-                <i class="fa-fw fas fa-pen"></i>
-              </a>
-            </div>
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
+            <div id="sidebar-overlay"></div>
             <div class="topbar-button topbar-toc">
               <button onclick="showToc()" type="button" title="Table o&#39; Contents (CTRL&#43;ALT&#43;t)">
                 <i class="fa-fw fas fa-list-alt"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/basics/index.html"><span itemprop="name">Basics</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Customizat&#39;n</span><meta itemprop="position" content="3"></li>
-            </ol>
-          </div>
-          <div class="default-animation progress">
-            <div class="toc-wrapper">
+            <div class="default-animation progress">
+              <div class="toc-wrapper">
 <nav id="TableOfContents">
   <ul>
     <li><a href="#change-the-logo">Change th' logo</a></li>
@@ -113,6 +85,35 @@
     </li>
   </ul>
 </nav>
+              </div>
+            </div>
+            <div id="toc-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/basics/index.html"><span itemprop="name">Basics</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Customizat&#39;n</span><meta itemprop="position" content="3"></li>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-edit">
+              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/basics/customization/_index.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+                <i class="fa-fw fas fa-pen"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-print">
+              <a href="../../../pir/basics/customization/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
+                <i class="fa-fw fas fa-print"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-prev">
+              <a href="../../../pir/basics/configuration/index.html" title="Configurrrat&#39;n (🡒)">
+                <i class="fa-fw fas fa-chevron-left"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-next">
+              <a href="../../../pir/basics/generator/index.html" title="Stylesheet generrrat&#39;r (🡐)">
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </a>
             </div>
           </div>
         </div>
@@ -308,12 +309,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?1694553676" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1694553676" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694553676" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1694553676" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1694553676" defer></script>
-        <script src="../../../js/search.js?1694553676" defer></script>
+        <script src="../../../js/auto-complete.js?1694640600" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1694640600" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694640600" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1694640600" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1694640600" defer></script>
+        <script src="../../../js/search.js?1694640600" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -444,8 +445,12 @@ If ye have requirements t' support IE and/or older browser versions, use one o'
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -453,27 +458,25 @@ If ye have requirements t' support IE and/or older browser versions, use one o'
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1694553676"></script>
+          <script async src="../../../js/github-buttons.js?1694640600"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1694553676" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1694553676" defer></script>
-    <script src="../../../js/theme.js?1694553676" defer></script>
+    <script src="../../../js/clipboard.min.js?1694640600" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694640600" defer></script>
+    <script src="../../../js/theme.js?1694640600" defer></script>
   </body>
 </html>
diff --git a/pir/basics/customization/index.print.html b/pir/basics/customization/index.print.html
index b1db05233d..9adafe84f4 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1694553677" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1694553677" rel="stylesheet">
-    <link href="../../../css/fonts.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1694553677" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1694553677" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1694553677" rel="stylesheet">
-    <link href="../../../css/print.css?1694553677" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1694553677" rel="stylesheet">
-    <link href="../../../css/ie.css?1694553677" rel="stylesheet">
-    <script src="../../../js/url.js?1694553677"></script>
-    <script src="../../../js/variant.js?1694553677"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694640601" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694640601" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694640601" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694640601" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694640601" rel="stylesheet">
+    <link href="../../../css/print.css?1694640601" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1694640601" rel="stylesheet">
+    <link href="../../../css/ie.css?1694640601" rel="stylesheet">
+    <script src="../../../js/url.js?1694640601"></script>
+    <script src="../../../js/variant.js?1694640601"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -53,23 +53,23 @@
   </head>
   <body class="mobile-support print disableInlineCopyToClipboard" data-url="../../../pir/basics/customization/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/basics/index.html"><span itemprop="name">Basics</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Customizat&#39;n</span><meta itemprop="position" content="3"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
           </div>
         </div>
       </nav>
@@ -186,8 +186,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?1694553678" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1694553678" defer></script>
-    <script src="../../../js/theme.js?1694553678" defer></script>
+    <script src="../../../js/clipboard.min.js?1694640602" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694640602" defer></script>
+    <script src="../../../js/theme.js?1694640602" defer></script>
   </body>
 </html>
diff --git a/pir/basics/generator/index.html b/pir/basics/generator/index.html
index 3ae0c2249b..6272c9a1fb 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../../../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../../../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../../../js/url.js?1694553675"></script>
-    <script src="../../../js/variant.js?1694553675"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../../../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../../../js/url.js?1694640598"></script>
+    <script src="../../../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -52,19 +52,26 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../../pir/basics/generator/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <a href="../../../pir/basics/history/index.html" title="Historrry (🡐)">
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </a>
+          <div class="topbar-sidebar-divider"></div>
+          <div class="topbar-left">
+            <div class="topbar-button topbar-sidebar">
+              <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
+                <i class="fa-fw fas fa-bars"></i>
+              </button>
             </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../../pir/basics/customization/index.html" title="Customizat&#39;n (🡒)">
-                <i class="fa-fw fas fa-chevron-left"></i>
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/basics/index.html"><span itemprop="name">Basics</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Stylesheet generrrat&#39;r</span><meta itemprop="position" content="3"></li>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-edit">
+              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/basics/generator/_index.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+                <i class="fa-fw fas fa-pen"></i>
               </a>
             </div>
             <div class="topbar-button topbar-print">
@@ -72,23 +79,16 @@
                 <i class="fa-fw fas fa-print"></i>
               </a>
             </div>
-            <div class="topbar-button topbar-edit">
-              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/basics/generator/_index.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
-                <i class="fa-fw fas fa-pen"></i>
+            <div class="topbar-button topbar-prev">
+              <a href="../../../pir/basics/customization/index.html" title="Customizat&#39;n (🡒)">
+                <i class="fa-fw fas fa-chevron-left"></i>
               </a>
             </div>
-          </div>
-          <div class="topbar-left">
-            <div class="topbar-button topbar-sidebar">
-              <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
-                <i class="fa-fw fas fa-bars"></i>
-              </button>
+            <div class="topbar-button topbar-next">
+              <a href="../../../pir/basics/history/index.html" title="Historrry (🡐)">
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </a>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/basics/index.html"><span itemprop="name">Basics</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Stylesheet generrrat&#39;r</span><meta itemprop="position" content="3"></li>
-            </ol>
           </div>
         </div>
       </nav>
@@ -103,13 +103,13 @@
 <p>This interactive tool may help ye t' generate yer own color variant stylesheet.</p>
 
 <div class="expand">
-    <input type="checkbox" id="expand-71c2e2718b5dcd64dedd6bb75587fcb3" aria-controls="expandcontent-71c2e2718b5dcd64dedd6bb75587fcb3" >
-    <label class="expand-label" for="expand-71c2e2718b5dcd64dedd6bb75587fcb3" >
+    <input type="checkbox" id="expand-36a175a16a1b6340e7ccf842d2e17c1c" aria-controls="expandcontent-36a175a16a1b6340e7ccf842d2e17c1c" >
+    <label class="expand-label" for="expand-36a175a16a1b6340e7ccf842d2e17c1c" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show usage instruct'ns
     </label>
-    <div id="expandcontent-71c2e2718b5dcd64dedd6bb75587fcb3" class="expand-content">
+    <div id="expandcontent-36a175a16a1b6340e7ccf842d2e17c1c" 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>
@@ -242,12 +242,12 @@ window.variants && variants.generator( '#vargenerator' );
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1694553676" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1694553676" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694553676" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1694553676" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1694553676" defer></script>
-        <script src="../../../js/search.js?1694553676" defer></script>
+        <script src="../../../js/auto-complete.js?1694640600" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1694640600" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694640600" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1694640600" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1694640600" defer></script>
+        <script src="../../../js/search.js?1694640600" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -378,8 +378,12 @@ window.variants && variants.generator( '#vargenerator' );
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -387,41 +391,39 @@ window.variants && variants.generator( '#vargenerator' );
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1694553676"></script>
+          <script async src="../../../js/github-buttons.js?1694640600"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1694553676" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1694553676" defer></script>
-    <script src="../../../js/d3/d3-color.min.js?1694553676" defer></script>
-    <script src="../../../js/d3/d3-dispatch.min.js?1694553676" defer></script>
-    <script src="../../../js/d3/d3-drag.min.js?1694553676" defer></script>
-    <script src="../../../js/d3/d3-ease.min.js?1694553676" defer></script>
-    <script src="../../../js/d3/d3-interpolate.min.js?1694553676" defer></script>
-    <script src="../../../js/d3/d3-selection.min.js?1694553676" defer></script>
-    <script src="../../../js/d3/d3-timer.min.js?1694553676" defer></script>
-    <script src="../../../js/d3/d3-transition.min.js?1694553676" defer></script>
-    <script src="../../../js/d3/d3-zoom.min.js?1694553676" defer></script>
-    <script src="../../../js/js-yaml.min.js?1694553676" defer></script>
-    <script src="../../../js/mermaid.min.js?1694553676" defer></script>
+    <script src="../../../js/clipboard.min.js?1694640600" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694640600" defer></script>
+    <script src="../../../js/d3/d3-color.min.js?1694640600" defer></script>
+    <script src="../../../js/d3/d3-dispatch.min.js?1694640600" defer></script>
+    <script src="../../../js/d3/d3-drag.min.js?1694640600" defer></script>
+    <script src="../../../js/d3/d3-ease.min.js?1694640600" defer></script>
+    <script src="../../../js/d3/d3-interpolate.min.js?1694640600" defer></script>
+    <script src="../../../js/d3/d3-selection.min.js?1694640600" defer></script>
+    <script src="../../../js/d3/d3-timer.min.js?1694640600" defer></script>
+    <script src="../../../js/d3/d3-transition.min.js?1694640600" defer></script>
+    <script src="../../../js/d3/d3-zoom.min.js?1694640600" defer></script>
+    <script src="../../../js/js-yaml.min.js?1694640600" defer></script>
+    <script src="../../../js/mermaid.min.js?1694640600" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../../../js/theme.js?1694553676" defer></script>
+    <script src="../../../js/theme.js?1694640600" defer></script>
   </body>
 </html>
diff --git a/pir/basics/generator/index.print.html b/pir/basics/generator/index.print.html
index cdc737c294..0a591f34c6 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1694553677" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1694553677" rel="stylesheet">
-    <link href="../../../css/fonts.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1694553677" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1694553677" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1694553677" rel="stylesheet">
-    <link href="../../../css/print.css?1694553677" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1694553677" rel="stylesheet">
-    <link href="../../../css/ie.css?1694553677" rel="stylesheet">
-    <script src="../../../js/url.js?1694553677"></script>
-    <script src="../../../js/variant.js?1694553677"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694640601" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694640601" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694640601" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694640601" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694640601" rel="stylesheet">
+    <link href="../../../css/print.css?1694640601" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1694640601" rel="stylesheet">
+    <link href="../../../css/ie.css?1694640601" rel="stylesheet">
+    <script src="../../../js/url.js?1694640601"></script>
+    <script src="../../../js/variant.js?1694640601"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -53,23 +53,23 @@
   </head>
   <body class="mobile-support print disableInlineCopyToClipboard" data-url="../../../pir/basics/generator/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/basics/index.html"><span itemprop="name">Basics</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Stylesheet generrrat&#39;r</span><meta itemprop="position" content="3"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
           </div>
         </div>
       </nav>
@@ -84,13 +84,13 @@
 <p>This interactive tool may help ye t' generate yer own color variant stylesheet.</p>
 
 <div class="expand">
-    <input type="checkbox" id="expand-71c2e2718b5dcd64dedd6bb75587fcb3" aria-controls="expandcontent-71c2e2718b5dcd64dedd6bb75587fcb3" >
-    <label class="expand-label" for="expand-71c2e2718b5dcd64dedd6bb75587fcb3" >
+    <input type="checkbox" id="expand-36a175a16a1b6340e7ccf842d2e17c1c" aria-controls="expandcontent-36a175a16a1b6340e7ccf842d2e17c1c" >
+    <label class="expand-label" for="expand-36a175a16a1b6340e7ccf842d2e17c1c" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show usage instruct'ns
     </label>
-    <div id="expandcontent-71c2e2718b5dcd64dedd6bb75587fcb3" class="expand-content">
+    <div id="expandcontent-36a175a16a1b6340e7ccf842d2e17c1c" 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>
@@ -145,22 +145,22 @@ window.variants && variants.generator( '#vargenerator' );
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1694553678" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1694553678" defer></script>
-    <script src="../../../js/d3/d3-color.min.js?1694553678" defer></script>
-    <script src="../../../js/d3/d3-dispatch.min.js?1694553678" defer></script>
-    <script src="../../../js/d3/d3-drag.min.js?1694553678" defer></script>
-    <script src="../../../js/d3/d3-ease.min.js?1694553678" defer></script>
-    <script src="../../../js/d3/d3-interpolate.min.js?1694553678" defer></script>
-    <script src="../../../js/d3/d3-selection.min.js?1694553678" defer></script>
-    <script src="../../../js/d3/d3-timer.min.js?1694553678" defer></script>
-    <script src="../../../js/d3/d3-transition.min.js?1694553678" defer></script>
-    <script src="../../../js/d3/d3-zoom.min.js?1694553678" defer></script>
-    <script src="../../../js/js-yaml.min.js?1694553678" defer></script>
-    <script src="../../../js/mermaid.min.js?1694553678" defer></script>
+    <script src="../../../js/clipboard.min.js?1694640602" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694640602" defer></script>
+    <script src="../../../js/d3/d3-color.min.js?1694640602" defer></script>
+    <script src="../../../js/d3/d3-dispatch.min.js?1694640602" defer></script>
+    <script src="../../../js/d3/d3-drag.min.js?1694640602" defer></script>
+    <script src="../../../js/d3/d3-ease.min.js?1694640602" defer></script>
+    <script src="../../../js/d3/d3-interpolate.min.js?1694640602" defer></script>
+    <script src="../../../js/d3/d3-selection.min.js?1694640602" defer></script>
+    <script src="../../../js/d3/d3-timer.min.js?1694640602" defer></script>
+    <script src="../../../js/d3/d3-transition.min.js?1694640602" defer></script>
+    <script src="../../../js/d3/d3-zoom.min.js?1694640602" defer></script>
+    <script src="../../../js/js-yaml.min.js?1694640602" defer></script>
+    <script src="../../../js/mermaid.min.js?1694640602" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../../../js/theme.js?1694553678" defer></script>
+    <script src="../../../js/theme.js?1694640602" defer></script>
   </body>
 </html>
diff --git a/pir/basics/history/index.html b/pir/basics/history/index.html
index 855a545721..9fc085bdba 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../../../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../../../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../../../js/url.js?1694553675"></script>
-    <script src="../../../js/variant.js?1694553675"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../../../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../../../js/url.js?1694640598"></script>
+    <script src="../../../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -52,51 +52,23 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../../pir/basics/history/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <a href="../../../pir/cont/index.html" title="Rambl&#39;n (🡐)">
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../../pir/basics/generator/index.html" title="Stylesheet generrrat&#39;r (🡒)">
-                <i class="fa-fw fas fa-chevron-left"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-print">
-              <a href="../../../pir/basics/history/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
-                <i class="fa-fw fas fa-print"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-edit">
-              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/basics/history/_index.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
-                <i class="fa-fw fas fa-pen"></i>
-              </a>
-            </div>
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
+            <div id="sidebar-overlay"></div>
             <div class="topbar-button topbar-toc">
               <button onclick="showToc()" type="button" title="Table o&#39; Contents (CTRL&#43;ALT&#43;t)">
                 <i class="fa-fw fas fa-list-alt"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/basics/index.html"><span itemprop="name">Basics</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Historrry</span><meta itemprop="position" content="3"></li>
-            </ol>
-          </div>
-          <div class="default-animation progress">
-            <div class="toc-wrapper">
+            <div class="default-animation progress">
+              <div class="toc-wrapper">
 <nav id="TableOfContents">
   <ul>
     <li><a href="#5200-2023-08-26">5.20.0 (2023-08-26)</a>
@@ -768,6 +740,35 @@
     </li>
   </ul>
 </nav>
+              </div>
+            </div>
+            <div id="toc-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/basics/index.html"><span itemprop="name">Basics</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Historrry</span><meta itemprop="position" content="3"></li>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-edit">
+              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/basics/history/_index.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+                <i class="fa-fw fas fa-pen"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-print">
+              <a href="../../../pir/basics/history/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
+                <i class="fa-fw fas fa-print"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-prev">
+              <a href="../../../pir/basics/generator/index.html" title="Stylesheet generrrat&#39;r (🡒)">
+                <i class="fa-fw fas fa-chevron-left"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-next">
+              <a href="../../../pir/cont/index.html" title="Rambl&#39;n (🡐)">
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </a>
             </div>
           </div>
         </div>
@@ -2085,12 +2086,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1694553677" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1694553677" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694553677" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1694553677" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1694553677" defer></script>
-        <script src="../../../js/search.js?1694553677" defer></script>
+        <script src="../../../js/auto-complete.js?1694640601" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1694640601" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694640601" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1694640601" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1694640601" defer></script>
+        <script src="../../../js/search.js?1694640601" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -2221,8 +2222,12 @@
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -2230,27 +2235,25 @@
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1694553677"></script>
+          <script async src="../../../js/github-buttons.js?1694640601"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1694553677" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1694553677" defer></script>
-    <script src="../../../js/theme.js?1694553677" defer></script>
+    <script src="../../../js/clipboard.min.js?1694640601" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694640601" defer></script>
+    <script src="../../../js/theme.js?1694640601" defer></script>
   </body>
 </html>
diff --git a/pir/basics/history/index.print.html b/pir/basics/history/index.print.html
index 0e1750c6c7..1375ad9cde 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1694553677" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1694553677" rel="stylesheet">
-    <link href="../../../css/fonts.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1694553677" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1694553677" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1694553677" rel="stylesheet">
-    <link href="../../../css/print.css?1694553677" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1694553677" rel="stylesheet">
-    <link href="../../../css/ie.css?1694553677" rel="stylesheet">
-    <script src="../../../js/url.js?1694553677"></script>
-    <script src="../../../js/variant.js?1694553677"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694640601" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694640601" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694640601" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694640601" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694640601" rel="stylesheet">
+    <link href="../../../css/print.css?1694640601" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1694640601" rel="stylesheet">
+    <link href="../../../css/ie.css?1694640601" rel="stylesheet">
+    <script src="../../../js/url.js?1694640601"></script>
+    <script src="../../../js/variant.js?1694640601"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -53,23 +53,23 @@
   </head>
   <body class="mobile-support print disableInlineCopyToClipboard" data-url="../../../pir/basics/history/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/basics/index.html"><span itemprop="name">Basics</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Historrry</span><meta itemprop="position" content="3"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
           </div>
         </div>
       </nav>
@@ -1308,8 +1308,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1694553678" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1694553678" defer></script>
-    <script src="../../../js/theme.js?1694553678" defer></script>
+    <script src="../../../js/clipboard.min.js?1694640602" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694640602" defer></script>
+    <script src="../../../js/theme.js?1694640602" defer></script>
   </body>
 </html>
diff --git a/pir/basics/index.html b/pir/basics/index.html
index 6a82ccf605..1c4e76637d 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../../js/url.js?1694553675"></script>
-    <script src="../../js/variant.js?1694553675"></script>
+    <link href="../../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../../js/url.js?1694640598"></script>
+    <script src="../../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -52,19 +52,25 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../pir/basics/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <a href="../../pir/basics/migration/index.html" title="What&#39;s New (🡐)">
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </a>
+          <div class="topbar-sidebar-divider"></div>
+          <div class="topbar-left">
+            <div class="topbar-button topbar-sidebar">
+              <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
+                <i class="fa-fw fas fa-bars"></i>
+              </button>
             </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../pir/index.html" title="Cap&#39;n Hugo Relearrrn Theme (🡒)">
-                <i class="fa-fw fas fa-chevron-left"></i>
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Basics</span><meta itemprop="position" content="2"></li>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-edit">
+              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/basics/_index.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+                <i class="fa-fw fas fa-pen"></i>
               </a>
             </div>
             <div class="topbar-button topbar-print">
@@ -72,22 +78,16 @@
                 <i class="fa-fw fas fa-print"></i>
               </a>
             </div>
-            <div class="topbar-button topbar-edit">
-              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/basics/_index.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
-                <i class="fa-fw fas fa-pen"></i>
+            <div class="topbar-button topbar-prev">
+              <a href="../../pir/index.html" title="Cap&#39;n Hugo Relearrrn Theme (🡒)">
+                <i class="fa-fw fas fa-chevron-left"></i>
               </a>
             </div>
-          </div>
-          <div class="topbar-left">
-            <div class="topbar-button topbar-sidebar">
-              <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
-                <i class="fa-fw fas fa-bars"></i>
-              </button>
+            <div class="topbar-button topbar-next">
+              <a href="../../pir/basics/migration/index.html" title="What&#39;s New (🡐)">
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </a>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Basics</span><meta itemprop="position" content="2"></li>
-            </ol>
           </div>
         </div>
       </nav>
@@ -189,12 +189,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1694553676" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1694553676" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694553676" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1694553676" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1694553676" defer></script>
-        <script src="../../js/search.js?1694553676" defer></script>
+        <script src="../../js/auto-complete.js?1694640600" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1694640600" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694640600" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1694640600" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1694640600" defer></script>
+        <script src="../../js/search.js?1694640600" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -325,8 +325,12 @@
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -334,27 +338,25 @@
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1694553676"></script>
+          <script async src="../../js/github-buttons.js?1694640600"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1694553676" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1694553676" defer></script>
-    <script src="../../js/theme.js?1694553676" defer></script>
+    <script src="../../js/clipboard.min.js?1694640600" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694640600" defer></script>
+    <script src="../../js/theme.js?1694640600" defer></script>
   </body>
 </html>
diff --git a/pir/basics/index.print.html b/pir/basics/index.print.html
index 0c69cf65d4..8249582abb 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1694553677" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1694553677" rel="stylesheet">
-    <link href="../../css/fonts.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1694553677" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1694553677" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1694553677" rel="stylesheet">
-    <link href="../../css/print.css?1694553677" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1694553677" rel="stylesheet">
-    <link href="../../css/ie.css?1694553677" rel="stylesheet">
-    <script src="../../js/url.js?1694553677"></script>
-    <script src="../../js/variant.js?1694553677"></script>
+    <link href="../../css/fontawesome-all.min.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694640601" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694640601" rel="stylesheet">
+    <link href="../../css/fonts.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694640601" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694640601" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694640601" rel="stylesheet">
+    <link href="../../css/print.css?1694640601" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1694640601" rel="stylesheet">
+    <link href="../../css/ie.css?1694640601" rel="stylesheet">
+    <script src="../../js/url.js?1694640601"></script>
+    <script src="../../js/variant.js?1694640601"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -53,22 +53,22 @@
   </head>
   <body class="mobile-support print disableInlineCopyToClipboard" data-url="../../pir/basics/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Basics</span><meta itemprop="position" content="2"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
           </div>
         </div>
       </nav>
@@ -850,8 +850,8 @@
 
 <p>Thanks t' th' simplicity o' Cap'n Hugo, this plank be as empty as this theme needs requirements.</p>
 <p>Just download at least version <span class="badge cstyle default badge-with-title"><span class="badge-title"><i class="fab fa-hackerrank"></i></span><span class="badge-content" style="background-color: fuchsia;">0.95.0</span></span> o' th' <a href="https://gohugo.io/getting-started/installing/" target="_blank">Cap'n Hugo binary</a> fer yer OS (Windows, Linux, Mac).</p>
-<p><a href="#image-5486233ca0ad867abff4d4e362d204cb" class="lightbox-link"><img src="../../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-5486233ca0ad867abff4d4e362d204cb"><img src="../../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-2808a7ec99b93154d28ccf0079408bc4" class="lightbox-link"><img src="../../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-2808a7ec99b93154d28ccf0079408bc4"><img src="../../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
 
             <footer class="footline">
@@ -896,8 +896,8 @@
 </span></span><span class="line"><span class="cl"><span class="gh"># Basics
 </span></span></span><span class="line"><span class="cl"><span class="gh"></span>
 </span></span><span class="line"><span class="cl">Discover what this Cap'n Hugo theme be all about an' th' core concepts behind it.</span></span></code></pre></div><p>renders as</p>
-<p><a href="#image-ef895d8ae14a1e781d746d700b1243e1" class="lightbox-link"><img src="../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-ef895d8ae14a1e781d746d700b1243e1"><img src="../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-343826b9cb2af67f80642e07f9f41b6d" class="lightbox-link"><img src="../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-343826b9cb2af67f80642e07f9f41b6d"><img src="../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>Th' Relearrrn theme provides archetypes t' create skeletons fer yer website. Begin by creat'n yer first chapter plank wit' th' follow'n command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter basics/_index.md</span></span></code></pre></div><p>By open'n th' given file, ye should see th' property <code>chapter=true</code> on top, mean'n this plank be a <em>chapter</em>.</p>
 <p>By default all chapters an' planks be created as a draft. If ye want t' render these planks, remove th' property <code>draft: true</code> from th' metadata.</p>
@@ -1053,8 +1053,8 @@
 <p>Ye can add a dedicated search plank fer yer plank by add'n th' <code>SEARCHPAGE</code> outputformat t' yer home plank by add'n th' follow'n lines 'n yer <code>config.toml</code> file.</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputs</span><span class="p">]</span>
 </span></span><span class="line"><span class="cl">  <span class="nx">home</span> <span class="p">=</span> <span class="p">[</span><span class="s2">&#34;HTML&#34;</span><span class="p">,</span> <span class="s2">&#34;RSS&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCH&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCHPAGE&#34;</span><span class="p">]</span></span></span></code></pre></div><p>Ye can access this plank by either click'n on th' magnifier glass or by typ'n some search term an' press'n <code>ENTER</code> inside o' th' menu&rsquo;s search box .</p>
-<p><a href="#image-84a8e787901230e3f9cf71e02d3849cf" class="lightbox-link"><img src="../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-84a8e787901230e3f9cf71e02d3849cf"><img src="../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-366e3951c215d381a8840cb4ed7cf78e" class="lightbox-link"><img src="../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-366e3951c215d381a8840cb4ed7cf78e"><img src="../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="activate-print-support">Activate print support</h2>
 <p>Ye can activate print support t' add th' capability t' print whole chapters or even th' complete ship. Just add th' <code>PRINT</code> output format t' yer home, section an' plank 'n yer <code>config.toml</code> as seen below:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputs</span><span class="p">]</span>
@@ -1099,8 +1099,8 @@ appearance, ye will have t' configure two parameters fer th' defined languages:<
 </span></span><span class="line"><span class="cl"><span class="p">...</span></span></span></code></pre></div><p>If those params be not configured fer a specific language, they will get their
 default values:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">landingPageName</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fas fa-home&#39;&gt;&lt;/i&gt; Home&#34;</span></span></span></code></pre></div><p>Th' home button be go'n t' look like this:</p>
-<p><a href="#image-8d29f2aca1e190bc6b3eec6532d53ceb" class="lightbox-link"><img src="../../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-8d29f2aca1e190bc6b3eec6532d53ceb"><img src="../../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-28ce80d6578349c6db81424247a3045c" class="lightbox-link"><img src="../../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-28ce80d6578349c6db81424247a3045c"><img src="../../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
 
             <footer class="footline">
@@ -1225,13 +1225,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-71c2e2718b5dcd64dedd6bb75587fcb3" aria-controls="expandcontent-71c2e2718b5dcd64dedd6bb75587fcb3" >
-    <label class="expand-label" for="expand-71c2e2718b5dcd64dedd6bb75587fcb3" >
+    <input type="checkbox" id="expand-36a175a16a1b6340e7ccf842d2e17c1c" aria-controls="expandcontent-36a175a16a1b6340e7ccf842d2e17c1c" >
+    <label class="expand-label" for="expand-36a175a16a1b6340e7ccf842d2e17c1c" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show usage instruct'ns
     </label>
-    <div id="expandcontent-71c2e2718b5dcd64dedd6bb75587fcb3" class="expand-content">
+    <div id="expandcontent-36a175a16a1b6340e7ccf842d2e17c1c" 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>
@@ -2517,22 +2517,22 @@ window.variants && variants.generator( '#vargenerator' );
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1694553678" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1694553678" defer></script>
-    <script src="../../js/d3/d3-color.min.js?1694553678" defer></script>
-    <script src="../../js/d3/d3-dispatch.min.js?1694553678" defer></script>
-    <script src="../../js/d3/d3-drag.min.js?1694553678" defer></script>
-    <script src="../../js/d3/d3-ease.min.js?1694553678" defer></script>
-    <script src="../../js/d3/d3-interpolate.min.js?1694553678" defer></script>
-    <script src="../../js/d3/d3-selection.min.js?1694553678" defer></script>
-    <script src="../../js/d3/d3-timer.min.js?1694553678" defer></script>
-    <script src="../../js/d3/d3-transition.min.js?1694553678" defer></script>
-    <script src="../../js/d3/d3-zoom.min.js?1694553678" defer></script>
-    <script src="../../js/js-yaml.min.js?1694553678" defer></script>
-    <script src="../../js/mermaid.min.js?1694553678" defer></script>
+    <script src="../../js/clipboard.min.js?1694640601" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694640601" defer></script>
+    <script src="../../js/d3/d3-color.min.js?1694640601" defer></script>
+    <script src="../../js/d3/d3-dispatch.min.js?1694640601" defer></script>
+    <script src="../../js/d3/d3-drag.min.js?1694640601" defer></script>
+    <script src="../../js/d3/d3-ease.min.js?1694640601" defer></script>
+    <script src="../../js/d3/d3-interpolate.min.js?1694640601" defer></script>
+    <script src="../../js/d3/d3-selection.min.js?1694640601" defer></script>
+    <script src="../../js/d3/d3-timer.min.js?1694640601" defer></script>
+    <script src="../../js/d3/d3-transition.min.js?1694640601" defer></script>
+    <script src="../../js/d3/d3-zoom.min.js?1694640601" defer></script>
+    <script src="../../js/js-yaml.min.js?1694640601" defer></script>
+    <script src="../../js/mermaid.min.js?1694640601" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../../js/theme.js?1694553678" defer></script>
+    <script src="../../js/theme.js?1694640601" defer></script>
   </body>
 </html>
diff --git a/pir/basics/installation/index.html b/pir/basics/installation/index.html
index 5912f2e9cc..a37ddfc6c2 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../../../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../../../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../../../js/url.js?1694553675"></script>
-    <script src="../../../js/variant.js?1694553675"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../../../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../../../js/url.js?1694640598"></script>
+    <script src="../../../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -52,51 +52,23 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../../pir/basics/installation/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <a href="../../../pir/basics/configuration/index.html" title="Configurrrat&#39;n (🡐)">
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../../pir/basics/requirements/index.html" title="Requirrrements (🡒)">
-                <i class="fa-fw fas fa-chevron-left"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-print">
-              <a href="../../../pir/basics/installation/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
-                <i class="fa-fw fas fa-print"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-edit">
-              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/basics/installation/_index.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
-                <i class="fa-fw fas fa-pen"></i>
-              </a>
-            </div>
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
+            <div id="sidebar-overlay"></div>
             <div class="topbar-button topbar-toc">
               <button onclick="showToc()" type="button" title="Table o&#39; Contents (CTRL&#43;ALT&#43;t)">
                 <i class="fa-fw fas fa-list-alt"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/basics/index.html"><span itemprop="name">Basics</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Installat&#39;n</span><meta itemprop="position" content="3"></li>
-            </ol>
-          </div>
-          <div class="default-animation progress">
-            <div class="toc-wrapper">
+            <div class="default-animation progress">
+              <div class="toc-wrapper">
 <nav id="TableOfContents">
   <ul>
     <li><a href="#create-your-project">Create yer project</a></li>
@@ -112,6 +84,35 @@
     <li><a href="#build-the-website">Build th' website</a></li>
   </ul>
 </nav>
+              </div>
+            </div>
+            <div id="toc-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/basics/index.html"><span itemprop="name">Basics</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Installat&#39;n</span><meta itemprop="position" content="3"></li>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-edit">
+              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/basics/installation/_index.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+                <i class="fa-fw fas fa-pen"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-print">
+              <a href="../../../pir/basics/installation/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
+                <i class="fa-fw fas fa-print"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-prev">
+              <a href="../../../pir/basics/requirements/index.html" title="Requirrrements (🡒)">
+                <i class="fa-fw fas fa-chevron-left"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-next">
+              <a href="../../../pir/basics/configuration/index.html" title="Configurrrat&#39;n (🡐)">
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </a>
             </div>
           </div>
         </div>
@@ -153,8 +154,8 @@
 </span></span><span class="line"><span class="cl"><span class="gh"># Basics
 </span></span></span><span class="line"><span class="cl"><span class="gh"></span>
 </span></span><span class="line"><span class="cl">Discover what this Cap'n Hugo theme be all about an' th' core concepts behind it.</span></span></code></pre></div><p>renders as</p>
-<p><a href="#image-ef895d8ae14a1e781d746d700b1243e1" class="lightbox-link"><img src="../../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-ef895d8ae14a1e781d746d700b1243e1"><img src="../../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-343826b9cb2af67f80642e07f9f41b6d" class="lightbox-link"><img src="../../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-343826b9cb2af67f80642e07f9f41b6d"><img src="../../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>Th' Relearrrn theme provides archetypes t' create skeletons fer yer website. Begin by creat'n yer first chapter plank wit' th' follow'n command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter basics/_index.md</span></span></code></pre></div><p>By open'n th' given file, ye should see th' property <code>chapter=true</code> on top, mean'n this plank be a <em>chapter</em>.</p>
 <p>By default all chapters an' planks be created as a draft. If ye want t' render these planks, remove th' property <code>draft: true</code> from th' metadata.</p>
@@ -270,12 +271,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1694553676" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1694553676" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694553676" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1694553676" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1694553676" defer></script>
-        <script src="../../../js/search.js?1694553676" defer></script>
+        <script src="../../../js/auto-complete.js?1694640600" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1694640600" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694640600" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1694640600" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1694640600" defer></script>
+        <script src="../../../js/search.js?1694640600" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -406,8 +407,12 @@
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -415,27 +420,25 @@
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1694553676"></script>
+          <script async src="../../../js/github-buttons.js?1694640600"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1694553676" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1694553676" defer></script>
-    <script src="../../../js/theme.js?1694553676" defer></script>
+    <script src="../../../js/clipboard.min.js?1694640600" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694640600" defer></script>
+    <script src="../../../js/theme.js?1694640600" defer></script>
   </body>
 </html>
diff --git a/pir/basics/installation/index.print.html b/pir/basics/installation/index.print.html
index 5d10eb8eb3..019f406f94 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1694553677" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1694553677" rel="stylesheet">
-    <link href="../../../css/fonts.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1694553677" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1694553677" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1694553677" rel="stylesheet">
-    <link href="../../../css/print.css?1694553677" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1694553677" rel="stylesheet">
-    <link href="../../../css/ie.css?1694553677" rel="stylesheet">
-    <script src="../../../js/url.js?1694553677"></script>
-    <script src="../../../js/variant.js?1694553677"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694640601" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694640601" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694640601" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694640601" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694640601" rel="stylesheet">
+    <link href="../../../css/print.css?1694640601" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1694640601" rel="stylesheet">
+    <link href="../../../css/ie.css?1694640601" rel="stylesheet">
+    <script src="../../../js/url.js?1694640601"></script>
+    <script src="../../../js/variant.js?1694640601"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -53,23 +53,23 @@
   </head>
   <body class="mobile-support print disableInlineCopyToClipboard" data-url="../../../pir/basics/installation/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/basics/index.html"><span itemprop="name">Basics</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Installat&#39;n</span><meta itemprop="position" content="3"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
           </div>
         </div>
       </nav>
@@ -110,8 +110,8 @@
 </span></span><span class="line"><span class="cl"><span class="gh"># Basics
 </span></span></span><span class="line"><span class="cl"><span class="gh"></span>
 </span></span><span class="line"><span class="cl">Discover what this Cap'n Hugo theme be all about an' th' core concepts behind it.</span></span></code></pre></div><p>renders as</p>
-<p><a href="#image-ef895d8ae14a1e781d746d700b1243e1" class="lightbox-link"><img src="../../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-ef895d8ae14a1e781d746d700b1243e1"><img src="../../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-343826b9cb2af67f80642e07f9f41b6d" class="lightbox-link"><img src="../../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-343826b9cb2af67f80642e07f9f41b6d"><img src="../../../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>Th' Relearrrn theme provides archetypes t' create skeletons fer yer website. Begin by creat'n yer first chapter plank wit' th' follow'n command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter basics/_index.md</span></span></code></pre></div><p>By open'n th' given file, ye should see th' property <code>chapter=true</code> on top, mean'n this plank be a <em>chapter</em>.</p>
 <p>By default all chapters an' planks be created as a draft. If ye want t' render these planks, remove th' property <code>draft: true</code> from th' metadata.</p>
@@ -149,8 +149,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1694553678" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1694553678" defer></script>
-    <script src="../../../js/theme.js?1694553678" defer></script>
+    <script src="../../../js/clipboard.min.js?1694640602" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694640602" defer></script>
+    <script src="../../../js/theme.js?1694640602" defer></script>
   </body>
 </html>
diff --git a/pir/basics/migration/index.html b/pir/basics/migration/index.html
index 1ef39abc7a..47c95c0950 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../../../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../../../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../../../js/url.js?1694553675"></script>
-    <script src="../../../js/variant.js?1694553675"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../../../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../../../js/url.js?1694640598"></script>
+    <script src="../../../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -52,51 +52,23 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../../pir/basics/migration/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <a href="../../../pir/basics/requirements/index.html" title="Requirrrements (🡐)">
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../../pir/basics/index.html" title="Basics (🡒)">
-                <i class="fa-fw fas fa-chevron-left"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-print">
-              <a href="../../../pir/basics/migration/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
-                <i class="fa-fw fas fa-print"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-edit">
-              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/basics/migration/_index.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
-                <i class="fa-fw fas fa-pen"></i>
-              </a>
-            </div>
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
+            <div id="sidebar-overlay"></div>
             <div class="topbar-button topbar-toc">
               <button onclick="showToc()" type="button" title="Table o&#39; Contents (CTRL&#43;ALT&#43;t)">
                 <i class="fa-fw fas fa-list-alt"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/basics/index.html"><span itemprop="name">Basics</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">What&#39;s New</span><meta itemprop="position" content="3"></li>
-            </ol>
-          </div>
-          <div class="default-animation progress">
-            <div class="toc-wrapper">
+            <div class="default-animation progress">
+              <div class="toc-wrapper">
 <nav id="TableOfContents">
   <ul>
     <li><a href="#5210">5.21.0 (2023-09-03)</a></li>
@@ -144,6 +116,35 @@
     <li><a href="#100">1.0.0 (2021-07-01)</a></li>
   </ul>
 </nav>
+              </div>
+            </div>
+            <div id="toc-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/basics/index.html"><span itemprop="name">Basics</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">What&#39;s New</span><meta itemprop="position" content="3"></li>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-edit">
+              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/basics/migration/_index.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+                <i class="fa-fw fas fa-pen"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-print">
+              <a href="../../../pir/basics/migration/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
+                <i class="fa-fw fas fa-print"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-prev">
+              <a href="../../../pir/basics/index.html" title="Basics (🡒)">
+                <i class="fa-fw fas fa-chevron-left"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-next">
+              <a href="../../../pir/basics/requirements/index.html" title="Requirrrements (🡐)">
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </a>
             </div>
           </div>
         </div>
@@ -982,12 +983,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1694553677" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1694553677" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694553677" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1694553677" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1694553677" defer></script>
-        <script src="../../../js/search.js?1694553677" defer></script>
+        <script src="../../../js/auto-complete.js?1694640601" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1694640601" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694640601" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1694640601" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1694640601" defer></script>
+        <script src="../../../js/search.js?1694640601" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -1118,8 +1119,12 @@
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -1127,27 +1132,25 @@
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1694553677"></script>
+          <script async src="../../../js/github-buttons.js?1694640601"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1694553677" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1694553677" defer></script>
-    <script src="../../../js/theme.js?1694553677" defer></script>
+    <script src="../../../js/clipboard.min.js?1694640601" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694640601" defer></script>
+    <script src="../../../js/theme.js?1694640601" defer></script>
   </body>
 </html>
diff --git a/pir/basics/migration/index.print.html b/pir/basics/migration/index.print.html
index 8caf9d8da6..079ef2df1a 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1694553677" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1694553677" rel="stylesheet">
-    <link href="../../../css/fonts.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1694553677" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1694553677" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1694553677" rel="stylesheet">
-    <link href="../../../css/print.css?1694553677" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1694553677" rel="stylesheet">
-    <link href="../../../css/ie.css?1694553677" rel="stylesheet">
-    <script src="../../../js/url.js?1694553677"></script>
-    <script src="../../../js/variant.js?1694553677"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694640601" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694640601" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694640601" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694640601" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694640601" rel="stylesheet">
+    <link href="../../../css/print.css?1694640601" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1694640601" rel="stylesheet">
+    <link href="../../../css/ie.css?1694640601" rel="stylesheet">
+    <script src="../../../js/url.js?1694640601"></script>
+    <script src="../../../js/variant.js?1694640601"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -53,23 +53,23 @@
   </head>
   <body class="mobile-support print disableInlineCopyToClipboard" data-url="../../../pir/basics/migration/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/basics/index.html"><span itemprop="name">Basics</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">What&#39;s New</span><meta itemprop="position" content="3"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
           </div>
         </div>
       </nav>
@@ -829,8 +829,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1694553678" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1694553678" defer></script>
-    <script src="../../../js/theme.js?1694553678" defer></script>
+    <script src="../../../js/clipboard.min.js?1694640602" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694640602" defer></script>
+    <script src="../../../js/theme.js?1694640602" defer></script>
   </body>
 </html>
diff --git a/pir/basics/requirements/index.html b/pir/basics/requirements/index.html
index d89ad62a78..c72e5994d2 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../../../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../../../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../../../js/url.js?1694553675"></script>
-    <script src="../../../js/variant.js?1694553675"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../../../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../../../js/url.js?1694640598"></script>
+    <script src="../../../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -52,19 +52,26 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../../pir/basics/requirements/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <a href="../../../pir/basics/installation/index.html" title="Installat&#39;n (🡐)">
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </a>
+          <div class="topbar-sidebar-divider"></div>
+          <div class="topbar-left">
+            <div class="topbar-button topbar-sidebar">
+              <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
+                <i class="fa-fw fas fa-bars"></i>
+              </button>
             </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../../pir/basics/migration/index.html" title="What&#39;s New (🡒)">
-                <i class="fa-fw fas fa-chevron-left"></i>
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/basics/index.html"><span itemprop="name">Basics</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Requirrrements</span><meta itemprop="position" content="3"></li>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-edit">
+              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/basics/requirements/_index.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+                <i class="fa-fw fas fa-pen"></i>
               </a>
             </div>
             <div class="topbar-button topbar-print">
@@ -72,23 +79,16 @@
                 <i class="fa-fw fas fa-print"></i>
               </a>
             </div>
-            <div class="topbar-button topbar-edit">
-              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/basics/requirements/_index.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
-                <i class="fa-fw fas fa-pen"></i>
+            <div class="topbar-button topbar-prev">
+              <a href="../../../pir/basics/migration/index.html" title="What&#39;s New (🡒)">
+                <i class="fa-fw fas fa-chevron-left"></i>
               </a>
             </div>
-          </div>
-          <div class="topbar-left">
-            <div class="topbar-button topbar-sidebar">
-              <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
-                <i class="fa-fw fas fa-bars"></i>
-              </button>
+            <div class="topbar-button topbar-next">
+              <a href="../../../pir/basics/installation/index.html" title="Installat&#39;n (🡐)">
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </a>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/basics/index.html"><span itemprop="name">Basics</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Requirrrements</span><meta itemprop="position" content="3"></li>
-            </ol>
           </div>
         </div>
       </nav>
@@ -102,8 +102,8 @@
 
 <p>Thanks t' th' simplicity o' Cap'n Hugo, this plank be as empty as this theme needs requirements.</p>
 <p>Just download at least version <span class="badge cstyle default badge-with-title"><span class="badge-title"><i class="fab fa-hackerrank"></i></span><span class="badge-content" style="background-color: fuchsia;">0.95.0</span></span> o' th' <a href="https://gohugo.io/getting-started/installing/" target="_blank">Cap'n Hugo binary</a> fer yer OS (Windows, Linux, Mac).</p>
-<p><a href="#image-5486233ca0ad867abff4d4e362d204cb" class="lightbox-link"><img src="../../../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-5486233ca0ad867abff4d4e362d204cb"><img src="../../../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-2808a7ec99b93154d28ccf0079408bc4" class="lightbox-link"><img src="../../../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-2808a7ec99b93154d28ccf0079408bc4"><img src="../../../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
 
             <footer class="footline">
@@ -194,12 +194,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1694553677" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1694553677" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694553677" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1694553677" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1694553677" defer></script>
-        <script src="../../../js/search.js?1694553677" defer></script>
+        <script src="../../../js/auto-complete.js?1694640601" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1694640601" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694640601" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1694640601" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1694640601" defer></script>
+        <script src="../../../js/search.js?1694640601" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -330,8 +330,12 @@
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -339,27 +343,25 @@
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1694553677"></script>
+          <script async src="../../../js/github-buttons.js?1694640601"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1694553677" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1694553677" defer></script>
-    <script src="../../../js/theme.js?1694553677" defer></script>
+    <script src="../../../js/clipboard.min.js?1694640601" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694640601" defer></script>
+    <script src="../../../js/theme.js?1694640601" defer></script>
   </body>
 </html>
diff --git a/pir/basics/requirements/index.print.html b/pir/basics/requirements/index.print.html
index 3d61899a00..1b22b282cd 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1694553677" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1694553677" rel="stylesheet">
-    <link href="../../../css/fonts.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1694553677" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1694553677" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1694553677" rel="stylesheet">
-    <link href="../../../css/print.css?1694553677" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1694553677" rel="stylesheet">
-    <link href="../../../css/ie.css?1694553677" rel="stylesheet">
-    <script src="../../../js/url.js?1694553677"></script>
-    <script src="../../../js/variant.js?1694553677"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694640601" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694640601" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694640601" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694640601" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694640601" rel="stylesheet">
+    <link href="../../../css/print.css?1694640601" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1694640601" rel="stylesheet">
+    <link href="../../../css/ie.css?1694640601" rel="stylesheet">
+    <script src="../../../js/url.js?1694640601"></script>
+    <script src="../../../js/variant.js?1694640601"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -53,23 +53,23 @@
   </head>
   <body class="mobile-support print disableInlineCopyToClipboard" data-url="../../../pir/basics/requirements/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/basics/index.html"><span itemprop="name">Basics</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Requirrrements</span><meta itemprop="position" content="3"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
           </div>
         </div>
       </nav>
@@ -83,8 +83,8 @@
 
 <p>Thanks t' th' simplicity o' Cap'n Hugo, this plank be as empty as this theme needs requirements.</p>
 <p>Just download at least version <span class="badge cstyle default badge-with-title"><span class="badge-title"><i class="fab fa-hackerrank"></i></span><span class="badge-content" style="background-color: fuchsia;">0.95.0</span></span> o' th' <a href="https://gohugo.io/getting-started/installing/" target="_blank">Cap'n Hugo binary</a> fer yer OS (Windows, Linux, Mac).</p>
-<p><a href="#image-5486233ca0ad867abff4d4e362d204cb" class="lightbox-link"><img src="../../../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-5486233ca0ad867abff4d4e362d204cb"><img src="../../../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-2808a7ec99b93154d28ccf0079408bc4" class="lightbox-link"><img src="../../../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-2808a7ec99b93154d28ccf0079408bc4"><img src="../../../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
 
             <footer class="footline">
@@ -97,8 +97,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1694553678" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1694553678" defer></script>
-    <script src="../../../js/theme.js?1694553678" defer></script>
+    <script src="../../../js/clipboard.min.js?1694640602" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694640602" defer></script>
+    <script src="../../../js/theme.js?1694640602" defer></script>
   </body>
 </html>
diff --git a/pir/categories/basic/index.html b/pir/categories/basic/index.html
index 8be4bf715e..b91a1f523e 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../../../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../../../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../../../js/url.js?1694553675"></script>
-    <script src="../../../js/variant.js?1694553675"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../../../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../../../js/url.js?1694640598"></script>
+    <script src="../../../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -51,33 +51,33 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../../pir/categories/basic/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <span>
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </span>
-            </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../../pir/index.html" title="Cap&#39;n Hugo Relearrrn Theme (🡒)">
-                <i class="fa-fw fas fa-chevron-left"></i>
-              </a>
-            </div>
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/categories/index.html"><span itemprop="name">Categorrries</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Categorrry :: basic</span><meta itemprop="position" content="3"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-prev">
+              <a href="../../../pir/index.html" title="Cap&#39;n Hugo Relearrrn Theme (🡒)">
+                <i class="fa-fw fas fa-chevron-left"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-next">
+              <span>
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </span>
+            </div>
           </div>
         </div>
       </nav>
@@ -175,12 +175,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1694553677" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1694553677" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694553677" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1694553677" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1694553677" defer></script>
-        <script src="../../../js/search.js?1694553677" defer></script>
+        <script src="../../../js/auto-complete.js?1694640601" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1694640601" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694640601" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1694640601" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1694640601" defer></script>
+        <script src="../../../js/search.js?1694640601" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -311,8 +311,12 @@
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -320,27 +324,25 @@
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1694553677"></script>
+          <script async src="../../../js/github-buttons.js?1694640601"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1694553677" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1694553677" defer></script>
-    <script src="../../../js/theme.js?1694553677" defer></script>
+    <script src="../../../js/clipboard.min.js?1694640601" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694640601" defer></script>
+    <script src="../../../js/theme.js?1694640601" defer></script>
   </body>
 </html>
diff --git a/pir/categories/content/index.html b/pir/categories/content/index.html
index d0d81a39d8..e514607a69 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../../../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../../../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../../../js/url.js?1694553675"></script>
-    <script src="../../../js/variant.js?1694553675"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../../../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../../../js/url.js?1694640598"></script>
+    <script src="../../../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -51,33 +51,33 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../../pir/categories/content/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <span>
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </span>
-            </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../../pir/index.html" title="Cap&#39;n Hugo Relearrrn Theme (🡒)">
-                <i class="fa-fw fas fa-chevron-left"></i>
-              </a>
-            </div>
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/categories/index.html"><span itemprop="name">Categorrries</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Categorrry :: content</span><meta itemprop="position" content="3"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-prev">
+              <a href="../../../pir/index.html" title="Cap&#39;n Hugo Relearrrn Theme (🡒)">
+                <i class="fa-fw fas fa-chevron-left"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-next">
+              <span>
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </span>
+            </div>
           </div>
         </div>
       </nav>
@@ -175,12 +175,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1694553677" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1694553677" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694553677" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1694553677" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1694553677" defer></script>
-        <script src="../../../js/search.js?1694553677" defer></script>
+        <script src="../../../js/auto-complete.js?1694640601" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1694640601" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694640601" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1694640601" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1694640601" defer></script>
+        <script src="../../../js/search.js?1694640601" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -311,8 +311,12 @@
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -320,27 +324,25 @@
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1694553677"></script>
+          <script async src="../../../js/github-buttons.js?1694640601"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1694553677" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1694553677" defer></script>
-    <script src="../../../js/theme.js?1694553677" defer></script>
+    <script src="../../../js/clipboard.min.js?1694640601" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694640601" defer></script>
+    <script src="../../../js/theme.js?1694640601" defer></script>
   </body>
 </html>
diff --git a/pir/categories/custom/index.html b/pir/categories/custom/index.html
index 7dd568421f..779968bede 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../../../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../../../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../../../js/url.js?1694553675"></script>
-    <script src="../../../js/variant.js?1694553675"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../../../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../../../js/url.js?1694640598"></script>
+    <script src="../../../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -51,33 +51,33 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../../pir/categories/custom/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <span>
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </span>
-            </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../../pir/index.html" title="Cap&#39;n Hugo Relearrrn Theme (🡒)">
-                <i class="fa-fw fas fa-chevron-left"></i>
-              </a>
-            </div>
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/categories/index.html"><span itemprop="name">Categorrries</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Categorrry :: custom</span><meta itemprop="position" content="3"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-prev">
+              <a href="../../../pir/index.html" title="Cap&#39;n Hugo Relearrrn Theme (🡒)">
+                <i class="fa-fw fas fa-chevron-left"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-next">
+              <span>
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </span>
+            </div>
           </div>
         </div>
       </nav>
@@ -175,12 +175,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1694553677" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1694553677" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694553677" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1694553677" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1694553677" defer></script>
-        <script src="../../../js/search.js?1694553677" defer></script>
+        <script src="../../../js/auto-complete.js?1694640601" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1694640601" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694640601" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1694640601" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1694640601" defer></script>
+        <script src="../../../js/search.js?1694640601" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -311,8 +311,12 @@
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -320,27 +324,25 @@
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1694553677"></script>
+          <script async src="../../../js/github-buttons.js?1694640601"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1694553677" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1694553677" defer></script>
-    <script src="../../../js/theme.js?1694553677" defer></script>
+    <script src="../../../js/clipboard.min.js?1694640601" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694640601" defer></script>
+    <script src="../../../js/theme.js?1694640601" defer></script>
   </body>
 </html>
diff --git a/pir/categories/index.html b/pir/categories/index.html
index 22fe7e040a..f3b08026f0 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../../js/url.js?1694553675"></script>
-    <script src="../../js/variant.js?1694553675"></script>
+    <link href="../../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../../js/url.js?1694640598"></script>
+    <script src="../../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -51,40 +51,23 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../pir/categories/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <span>
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </span>
-            </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../pir/index.html" title="Cap&#39;n Hugo Relearrrn Theme (🡒)">
-                <i class="fa-fw fas fa-chevron-left"></i>
-              </a>
-            </div>
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
+            <div id="sidebar-overlay"></div>
             <div class="topbar-button topbar-toc">
               <button onclick="showToc()" type="button" title="Table o&#39; Contents (CTRL&#43;ALT&#43;t)">
                 <i class="fa-fw fas fa-list-alt"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Categorrries</span><meta itemprop="position" content="2"></li>
-            </ol>
-          </div>
-          <div class="default-animation progress">
-            <div class="toc-wrapper">
+            <div class="default-animation progress">
+              <div class="toc-wrapper">
 <nav id="TableOfContents">
   <ul>
     <li><a href="#b">B</a></li>
@@ -92,6 +75,24 @@
     <li><a href="#t">T</a></li>
   </ul>
 </nav>
+              </div>
+            </div>
+            <div id="toc-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Categorrries</span><meta itemprop="position" content="2"></li>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-prev">
+              <a href="../../pir/index.html" title="Cap&#39;n Hugo Relearrrn Theme (🡒)">
+                <i class="fa-fw fas fa-chevron-left"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-next">
+              <span>
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </span>
             </div>
           </div>
         </div>
@@ -201,12 +202,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1694553677" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1694553677" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694553677" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1694553677" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1694553677" defer></script>
-        <script src="../../js/search.js?1694553677" defer></script>
+        <script src="../../js/auto-complete.js?1694640601" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1694640601" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694640601" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1694640601" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1694640601" defer></script>
+        <script src="../../js/search.js?1694640601" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -337,8 +338,12 @@
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -346,27 +351,25 @@
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1694553677"></script>
+          <script async src="../../js/github-buttons.js?1694640601"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1694553677" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1694553677" defer></script>
-    <script src="../../js/theme.js?1694553677" defer></script>
+    <script src="../../js/clipboard.min.js?1694640601" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694640601" defer></script>
+    <script src="../../js/theme.js?1694640601" defer></script>
   </body>
 </html>
diff --git a/pir/categories/taxonomy/index.html b/pir/categories/taxonomy/index.html
index d77ab1d3a9..631b4b1c81 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../../../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../../../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../../../js/url.js?1694553675"></script>
-    <script src="../../../js/variant.js?1694553675"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../../../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../../../js/url.js?1694640598"></script>
+    <script src="../../../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -51,33 +51,33 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../../pir/categories/taxonomy/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <span>
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </span>
-            </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../../pir/index.html" title="Cap&#39;n Hugo Relearrrn Theme (🡒)">
-                <i class="fa-fw fas fa-chevron-left"></i>
-              </a>
-            </div>
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/categories/index.html"><span itemprop="name">Categorrries</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Categorrry :: taxonomy</span><meta itemprop="position" content="3"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-prev">
+              <a href="../../../pir/index.html" title="Cap&#39;n Hugo Relearrrn Theme (🡒)">
+                <i class="fa-fw fas fa-chevron-left"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-next">
+              <span>
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </span>
+            </div>
           </div>
         </div>
       </nav>
@@ -175,12 +175,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1694553677" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1694553677" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694553677" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1694553677" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1694553677" defer></script>
-        <script src="../../../js/search.js?1694553677" defer></script>
+        <script src="../../../js/auto-complete.js?1694640601" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1694640601" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694640601" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1694640601" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1694640601" defer></script>
+        <script src="../../../js/search.js?1694640601" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -311,8 +311,12 @@
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -320,27 +324,25 @@
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1694553677"></script>
+          <script async src="../../../js/github-buttons.js?1694640601"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1694553677" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1694553677" defer></script>
-    <script src="../../../js/theme.js?1694553677" defer></script>
+    <script src="../../../js/clipboard.min.js?1694640601" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694640601" defer></script>
+    <script src="../../../js/theme.js?1694640601" defer></script>
   </body>
 </html>
diff --git a/pir/categories/theming/index.html b/pir/categories/theming/index.html
index 2b10914e19..04fa840157 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../../../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../../../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../../../js/url.js?1694553675"></script>
-    <script src="../../../js/variant.js?1694553675"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../../../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../../../js/url.js?1694640598"></script>
+    <script src="../../../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -51,33 +51,33 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../../pir/categories/theming/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <span>
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </span>
-            </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../../pir/index.html" title="Cap&#39;n Hugo Relearrrn Theme (🡒)">
-                <i class="fa-fw fas fa-chevron-left"></i>
-              </a>
-            </div>
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/categories/index.html"><span itemprop="name">Categorrries</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Categorrry :: theming</span><meta itemprop="position" content="3"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-prev">
+              <a href="../../../pir/index.html" title="Cap&#39;n Hugo Relearrrn Theme (🡒)">
+                <i class="fa-fw fas fa-chevron-left"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-next">
+              <span>
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </span>
+            </div>
           </div>
         </div>
       </nav>
@@ -176,12 +176,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1694553677" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1694553677" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694553677" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1694553677" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1694553677" defer></script>
-        <script src="../../../js/search.js?1694553677" defer></script>
+        <script src="../../../js/auto-complete.js?1694640601" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1694640601" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694640601" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1694640601" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1694640601" defer></script>
+        <script src="../../../js/search.js?1694640601" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -312,8 +312,12 @@
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -321,27 +325,25 @@
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1694553677"></script>
+          <script async src="../../../js/github-buttons.js?1694640601"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1694553677" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1694553677" defer></script>
-    <script src="../../../js/theme.js?1694553677" defer></script>
+    <script src="../../../js/clipboard.min.js?1694640601" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694640601" defer></script>
+    <script src="../../../js/theme.js?1694640601" defer></script>
   </body>
 </html>
diff --git a/pir/cont/archetypes/index.html b/pir/cont/archetypes/index.html
index 390ea0e965..b4b943a63d 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../../../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../../../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../../../js/url.js?1694553675"></script>
-    <script src="../../../js/variant.js?1694553675"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../../../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../../../js/url.js?1694640598"></script>
+    <script src="../../../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -52,51 +52,23 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../../pir/cont/archetypes/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <a href="../../../pir/cont/markdown/index.html" title="Marrrkdown rules (🡐)">
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../../pir/cont/pages/index.html" title="planks orrrganizat&#39;n (🡒)">
-                <i class="fa-fw fas fa-chevron-left"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-print">
-              <a href="../../../pir/cont/archetypes/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
-                <i class="fa-fw fas fa-print"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-edit">
-              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/cont/archetypes/_index.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
-                <i class="fa-fw fas fa-pen"></i>
-              </a>
-            </div>
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
+            <div id="sidebar-overlay"></div>
             <div class="topbar-button topbar-toc">
               <button onclick="showToc()" type="button" title="Table o&#39; Contents (CTRL&#43;ALT&#43;t)">
                 <i class="fa-fw fas fa-list-alt"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/cont/index.html"><span itemprop="name">Rambl&#39;n</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Arrrchetypes</span><meta itemprop="position" content="3"></li>
-            </ol>
-          </div>
-          <div class="default-animation progress">
-            <div class="toc-wrapper">
+            <div class="default-animation progress">
+              <div class="toc-wrapper">
 <nav id="TableOfContents">
   <ul>
     <li><a href="#predefined-archetypes">Predefined Archetypes</a>
@@ -114,6 +86,35 @@
     </li>
   </ul>
 </nav>
+              </div>
+            </div>
+            <div id="toc-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/cont/index.html"><span itemprop="name">Rambl&#39;n</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Arrrchetypes</span><meta itemprop="position" content="3"></li>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-edit">
+              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/cont/archetypes/_index.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+                <i class="fa-fw fas fa-pen"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-print">
+              <a href="../../../pir/cont/archetypes/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
+                <i class="fa-fw fas fa-print"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-prev">
+              <a href="../../../pir/cont/pages/index.html" title="planks orrrganizat&#39;n (🡒)">
+                <i class="fa-fw fas fa-chevron-left"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-next">
+              <a href="../../../pir/cont/markdown/index.html" title="Marrrkdown rules (🡐)">
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </a>
             </div>
           </div>
         </div>
@@ -131,8 +132,8 @@
 <h2 id="predefined-archetypes">Predefined Archetypes</h2>
 <h3 id="archetypes-home">Home</h3>
 <p>A <strong>Home</strong> plank be th' start'n plank o' yer project. It&rsquo;s best t' have only one plank o' this kind 'n yer project.</p>
-<p><a href="#image-4920bbd6da89bc0cfd62285efee99e97" class="lightbox-link"><img src="../../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-4920bbd6da89bc0cfd62285efee99e97"><img src="../../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-58185ccb2b98e9536def0d31e3480bea" class="lightbox-link"><img src="../../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-58185ccb2b98e9536def0d31e3480bea"><img src="../../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>T' create a home plank, run th' follow'n command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind home _index.md</span></span></code></pre></div><p>This leads t' a file wit' th' follow'n rrrambl'n</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">+++
@@ -142,8 +143,8 @@
 </span></span><span class="line"><span class="cl">
 </span></span><span class="line"><span class="cl">Lorem Ipsum.</span></span></code></pre></div><h3 id="archetypes-chapter">Chapter</h3>
 <p>A <strong>Chapter</strong> displays a plank meant t' be used as introduct'n fer a set o' child planks. Commonly, it contains a simple title an' a catch line t' define rrrambl'n that can be found below it.</p>
-<p><a href="#image-1ad4afc370b7701bb3c2308a988e0a86" class="lightbox-link"><img src="../../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-1ad4afc370b7701bb3c2308a988e0a86"><img src="../../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-b3299a1e43f7fe0254800197cefcf56f" class="lightbox-link"><img src="../../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-b3299a1e43f7fe0254800197cefcf56f"><img src="../../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>T' create a chapter plank, run th' follow'n command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter &lt;name&gt;/_index.md</span></span></code></pre></div><p>This leads t' a file wit' th' follow'n rrrambl'n</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">+++
@@ -155,8 +156,8 @@
 </span></span><span class="line"><span class="cl">Lorem Ipsum.</span></span></code></pre></div><p>Replace th' <code>X</code> wit' a number. Because this number will be used t' generate th' subtitle o' th' chapter plank, set th' number t' a consecutive value start'n at 1 fer each new chapter level.</p>
 <h3 id="archetypes-default">Default</h3>
 <p>A <strong>Default</strong> plank be any other rrrambl'n plank. If ye set an unknown archetype 'n yer frontmatter, this archetype will be used t' generate th' plank.</p>
-<p><a href="#image-d84d26df92bfe80bd54ecd9d803b0486" class="lightbox-link"><img src="../../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-d84d26df92bfe80bd54ecd9d803b0486"><img src="../../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-68a15d68dee666a5d0e16d2089e0afda" class="lightbox-link"><img src="../../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-68a15d68dee666a5d0e16d2089e0afda"><img src="../../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>T' create a default plank, run either one o' th' follow'n commands</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new &lt;chapter&gt;/&lt;name&gt;/_index.md</span></span></code></pre></div><p>or</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new &lt;chapter&gt;/&lt;name&gt;.md</span></span></code></pre></div><p>This leads t' a file wit' th' follow'n rrrambl'n</p>
@@ -287,12 +288,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1694553677" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1694553677" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694553677" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1694553677" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1694553677" defer></script>
-        <script src="../../../js/search.js?1694553677" defer></script>
+        <script src="../../../js/auto-complete.js?1694640601" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1694640601" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694640601" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1694640601" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1694640601" defer></script>
+        <script src="../../../js/search.js?1694640601" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -423,8 +424,12 @@
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -432,27 +437,25 @@
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1694553677"></script>
+          <script async src="../../../js/github-buttons.js?1694640601"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1694553677" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1694553677" defer></script>
-    <script src="../../../js/theme.js?1694553677" defer></script>
+    <script src="../../../js/clipboard.min.js?1694640601" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694640601" defer></script>
+    <script src="../../../js/theme.js?1694640601" defer></script>
   </body>
 </html>
diff --git a/pir/cont/archetypes/index.print.html b/pir/cont/archetypes/index.print.html
index 9110b2319b..b8ec145a1e 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1694553677" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1694553677" rel="stylesheet">
-    <link href="../../../css/fonts.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1694553677" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1694553677" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1694553677" rel="stylesheet">
-    <link href="../../../css/print.css?1694553677" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1694553677" rel="stylesheet">
-    <link href="../../../css/ie.css?1694553677" rel="stylesheet">
-    <script src="../../../js/url.js?1694553677"></script>
-    <script src="../../../js/variant.js?1694553677"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694640601" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694640601" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694640601" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694640601" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694640601" rel="stylesheet">
+    <link href="../../../css/print.css?1694640601" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1694640601" rel="stylesheet">
+    <link href="../../../css/ie.css?1694640601" rel="stylesheet">
+    <script src="../../../js/url.js?1694640601"></script>
+    <script src="../../../js/variant.js?1694640601"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -53,23 +53,23 @@
   </head>
   <body class="mobile-support print disableInlineCopyToClipboard" data-url="../../../pir/cont/archetypes/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/cont/index.html"><span itemprop="name">Rambl&#39;n</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Arrrchetypes</span><meta itemprop="position" content="3"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
           </div>
         </div>
       </nav>
@@ -86,8 +86,8 @@
 <h2 id="predefined-archetypes">Predefined Archetypes</h2>
 <h3 id="archetypes-home">Home</h3>
 <p>A <strong>Home</strong> plank be th' start'n plank o' yer project. It&rsquo;s best t' have only one plank o' this kind 'n yer project.</p>
-<p><a href="#image-4920bbd6da89bc0cfd62285efee99e97" class="lightbox-link"><img src="../../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-4920bbd6da89bc0cfd62285efee99e97"><img src="../../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-58185ccb2b98e9536def0d31e3480bea" class="lightbox-link"><img src="../../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-58185ccb2b98e9536def0d31e3480bea"><img src="../../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>T' create a home plank, run th' follow'n command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind home _index.md</span></span></code></pre></div><p>This leads t' a file wit' th' follow'n rrrambl'n</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">+++
@@ -97,8 +97,8 @@
 </span></span><span class="line"><span class="cl">
 </span></span><span class="line"><span class="cl">Lorem Ipsum.</span></span></code></pre></div><h3 id="archetypes-chapter">Chapter</h3>
 <p>A <strong>Chapter</strong> displays a plank meant t' be used as introduct'n fer a set o' child planks. Commonly, it contains a simple title an' a catch line t' define rrrambl'n that can be found below it.</p>
-<p><a href="#image-1ad4afc370b7701bb3c2308a988e0a86" class="lightbox-link"><img src="../../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-1ad4afc370b7701bb3c2308a988e0a86"><img src="../../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-b3299a1e43f7fe0254800197cefcf56f" class="lightbox-link"><img src="../../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-b3299a1e43f7fe0254800197cefcf56f"><img src="../../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>T' create a chapter plank, run th' follow'n command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter &lt;name&gt;/_index.md</span></span></code></pre></div><p>This leads t' a file wit' th' follow'n rrrambl'n</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">+++
@@ -110,8 +110,8 @@
 </span></span><span class="line"><span class="cl">Lorem Ipsum.</span></span></code></pre></div><p>Replace th' <code>X</code> wit' a number. Because this number will be used t' generate th' subtitle o' th' chapter plank, set th' number t' a consecutive value start'n at 1 fer each new chapter level.</p>
 <h3 id="archetypes-default">Default</h3>
 <p>A <strong>Default</strong> plank be any other rrrambl'n plank. If ye set an unknown archetype 'n yer frontmatter, this archetype will be used t' generate th' plank.</p>
-<p><a href="#image-d84d26df92bfe80bd54ecd9d803b0486" class="lightbox-link"><img src="../../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-d84d26df92bfe80bd54ecd9d803b0486"><img src="../../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-68a15d68dee666a5d0e16d2089e0afda" class="lightbox-link"><img src="../../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-68a15d68dee666a5d0e16d2089e0afda"><img src="../../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>T' create a default plank, run either one o' th' follow'n commands</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new &lt;chapter&gt;/&lt;name&gt;/_index.md</span></span></code></pre></div><p>or</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new &lt;chapter&gt;/&lt;name&gt;.md</span></span></code></pre></div><p>This leads t' a file wit' th' follow'n rrrambl'n</p>
@@ -164,8 +164,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1694553678" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1694553678" defer></script>
-    <script src="../../../js/theme.js?1694553678" defer></script>
+    <script src="../../../js/clipboard.min.js?1694640602" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694640602" defer></script>
+    <script src="../../../js/theme.js?1694640602" defer></script>
   </body>
 </html>
diff --git a/pir/cont/i18n/index.html b/pir/cont/i18n/index.html
index 43853fb327..72daf92d9c 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../../../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../../../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../../../js/url.js?1694553675"></script>
-    <script src="../../../js/variant.js?1694553675"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../../../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../../../js/url.js?1694640598"></script>
+    <script src="../../../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -52,51 +52,23 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../../pir/cont/i18n/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <a href="../../../pir/cont/taxonomy/index.html" title="Taxonomy (🡐)">
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../../pir/cont/menushortcuts/index.html" title="Menu extrrra shorrrtcuts (🡒)">
-                <i class="fa-fw fas fa-chevron-left"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-print">
-              <a href="../../../pir/cont/i18n/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
-                <i class="fa-fw fas fa-print"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-edit">
-              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/cont/i18n/_index.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
-                <i class="fa-fw fas fa-pen"></i>
-              </a>
-            </div>
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
+            <div id="sidebar-overlay"></div>
             <div class="topbar-button topbar-toc">
               <button onclick="showToc()" type="button" title="Table o&#39; Contents (CTRL&#43;ALT&#43;t)">
                 <i class="fa-fw fas fa-list-alt"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/cont/index.html"><span itemprop="name">Rambl&#39;n</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Multilingual an&#39; i18n</span><meta itemprop="position" content="3"></li>
-            </ol>
-          </div>
-          <div class="default-animation progress">
-            <div class="toc-wrapper">
+            <div class="default-animation progress">
+              <div class="toc-wrapper">
 <nav id="TableOfContents">
   <ul>
     <li><a href="#basic-configuration">Basic configurat'n</a></li>
@@ -109,6 +81,35 @@
     <li><a href="#disable-language-switching">Dis'ble language switch'n</a></li>
   </ul>
 </nav>
+              </div>
+            </div>
+            <div id="toc-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/cont/index.html"><span itemprop="name">Rambl&#39;n</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Multilingual an&#39; i18n</span><meta itemprop="position" content="3"></li>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-edit">
+              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/cont/i18n/_index.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+                <i class="fa-fw fas fa-pen"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-print">
+              <a href="../../../pir/cont/i18n/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
+                <i class="fa-fw fas fa-print"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-prev">
+              <a href="../../../pir/cont/menushortcuts/index.html" title="Menu extrrra shorrrtcuts (🡒)">
+                <i class="fa-fw fas fa-chevron-left"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-next">
+              <a href="../../../pir/cont/taxonomy/index.html" title="Taxonomy (🡐)">
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </a>
             </div>
           </div>
         </div>
@@ -128,8 +129,8 @@
 <li>Automatic menu generat'n from multilingual rrrambl'n</li>
 <li>In-browser language switch'n</li>
 </ul>
-<p><a href="#image-428bd5004e76f1b49258d4b2dd5fdbca" class="lightbox-link"><img src="../../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-428bd5004e76f1b49258d4b2dd5fdbca"><img src="../../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-2216167028174ab1e6353994fa584efc" class="lightbox-link"><img src="../../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-2216167028174ab1e6353994fa584efc"><img src="../../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="basic-configuration">Basic configurat'n</h2>
 <p>Aft learn'n <a href="https://gohugo.io/content-management/multilingual" target="_blank">how Cap'n Hugo handle multilingual websites</a>, define yer languages 'n yer <code>config.toml</code> file.</p>
 <p>For example wit' current English an' Piratized English website.</p>
@@ -308,12 +309,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?1694553677" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1694553677" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694553677" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1694553677" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1694553677" defer></script>
-        <script src="../../../js/search.js?1694553677" defer></script>
+        <script src="../../../js/auto-complete.js?1694640601" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1694640601" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694640601" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1694640601" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1694640601" defer></script>
+        <script src="../../../js/search.js?1694640601" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -444,8 +445,12 @@ You&rsquo;ll see error reports 'n yer browsers console log fer each unsupported
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -453,27 +458,25 @@ You&rsquo;ll see error reports 'n yer browsers console log fer each unsupported
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1694553677"></script>
+          <script async src="../../../js/github-buttons.js?1694640601"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1694553677" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1694553677" defer></script>
-    <script src="../../../js/theme.js?1694553677" defer></script>
+    <script src="../../../js/clipboard.min.js?1694640601" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694640601" defer></script>
+    <script src="../../../js/theme.js?1694640601" defer></script>
   </body>
 </html>
diff --git a/pir/cont/i18n/index.print.html b/pir/cont/i18n/index.print.html
index ad824e24e1..4db77a87d7 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1694553677" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1694553677" rel="stylesheet">
-    <link href="../../../css/fonts.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1694553677" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1694553677" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1694553677" rel="stylesheet">
-    <link href="../../../css/print.css?1694553677" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1694553677" rel="stylesheet">
-    <link href="../../../css/ie.css?1694553677" rel="stylesheet">
-    <script src="../../../js/url.js?1694553677"></script>
-    <script src="../../../js/variant.js?1694553677"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694640601" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694640601" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694640601" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694640601" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694640601" rel="stylesheet">
+    <link href="../../../css/print.css?1694640601" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1694640601" rel="stylesheet">
+    <link href="../../../css/ie.css?1694640601" rel="stylesheet">
+    <script src="../../../js/url.js?1694640601"></script>
+    <script src="../../../js/variant.js?1694640601"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -53,23 +53,23 @@
   </head>
   <body class="mobile-support print disableInlineCopyToClipboard" data-url="../../../pir/cont/i18n/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/cont/index.html"><span itemprop="name">Rambl&#39;n</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Multilingual an&#39; i18n</span><meta itemprop="position" content="3"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
           </div>
         </div>
       </nav>
@@ -88,8 +88,8 @@
 <li>Automatic menu generat'n from multilingual rrrambl'n</li>
 <li>In-browser language switch'n</li>
 </ul>
-<p><a href="#image-428bd5004e76f1b49258d4b2dd5fdbca" class="lightbox-link"><img src="../../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-428bd5004e76f1b49258d4b2dd5fdbca"><img src="../../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-2216167028174ab1e6353994fa584efc" class="lightbox-link"><img src="../../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-2216167028174ab1e6353994fa584efc"><img src="../../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="basic-configuration">Basic configurat'n</h2>
 <p>Aft learn'n <a href="https://gohugo.io/content-management/multilingual" target="_blank">how Cap'n Hugo handle multilingual websites</a>, define yer languages 'n yer <code>config.toml</code> file.</p>
 <p>For example wit' current English an' Piratized English website.</p>
@@ -190,8 +190,8 @@ You&rsquo;ll see error reports 'n yer browsers console log fer each unsupported
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1694553678" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1694553678" defer></script>
-    <script src="../../../js/theme.js?1694553678" defer></script>
+    <script src="../../../js/clipboard.min.js?1694640602" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694640602" defer></script>
+    <script src="../../../js/theme.js?1694640602" defer></script>
   </body>
 </html>
diff --git a/pir/cont/imageeffects/index.html b/pir/cont/imageeffects/index.html
index 8e787e31ec..007c1c983d 100644
--- a/pir/cont/imageeffects/index.html
+++ b/pir/cont/imageeffects/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/imageeffects/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/cont/imageeffects/index.xml" rel="alternate" type="application/rss+xml" title="Image Effects :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/cont/imageeffects/index.print.html" rel="alternate" type="text/html" title="Image Effects :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../../../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../../../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../../../js/url.js?1694553675"></script>
-    <script src="../../../js/variant.js?1694553675"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../../../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../../../js/url.js?1694640598"></script>
+    <script src="../../../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -52,19 +52,41 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../../pir/cont/imageeffects/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <a href="../../../pir/cont/menushortcuts/index.html" title="Menu extrrra shorrrtcuts (🡐)">
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </a>
+          <div class="topbar-sidebar-divider"></div>
+          <div class="topbar-left">
+            <div class="topbar-button topbar-sidebar">
+              <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
+                <i class="fa-fw fas fa-bars"></i>
+              </button>
             </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../../pir/cont/markdown/index.html" title="Marrrkdown rules (🡒)">
-                <i class="fa-fw fas fa-chevron-left"></i>
+            <div id="sidebar-overlay"></div>
+            <div class="topbar-button topbar-toc">
+              <button onclick="showToc()" type="button" title="Table o&#39; Contents (CTRL&#43;ALT&#43;t)">
+                <i class="fa-fw fas fa-list-alt"></i>
+              </button>
+            </div>
+            <div class="default-animation progress">
+              <div class="toc-wrapper">
+<nav id="TableOfContents">
+  <ul>
+    <li><a href="#extending">Extend'n</a></li>
+  </ul>
+</nav>
+              </div>
+            </div>
+            <div id="toc-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/cont/index.html"><span itemprop="name">Rambl&#39;n</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Image Effects</span><meta itemprop="position" content="3"></li>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-edit">
+              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/cont/imageeffects.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+                <i class="fa-fw fas fa-pen"></i>
               </a>
             </div>
             <div class="topbar-button topbar-print">
@@ -72,36 +94,15 @@
                 <i class="fa-fw fas fa-print"></i>
               </a>
             </div>
-            <div class="topbar-button topbar-edit">
-              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/cont/imageeffects.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
-                <i class="fa-fw fas fa-pen"></i>
+            <div class="topbar-button topbar-prev">
+              <a href="../../../pir/cont/markdown/index.html" title="Marrrkdown rules (🡒)">
+                <i class="fa-fw fas fa-chevron-left"></i>
               </a>
             </div>
-          </div>
-          <div class="topbar-left">
-            <div class="topbar-button topbar-sidebar">
-              <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
-                <i class="fa-fw fas fa-bars"></i>
-              </button>
-            </div>
-            <div class="topbar-button topbar-toc">
-              <button onclick="showToc()" type="button" title="Table o&#39; Contents (CTRL&#43;ALT&#43;t)">
-                <i class="fa-fw fas fa-list-alt"></i>
-              </button>
-            </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/cont/index.html"><span itemprop="name">Rambl&#39;n</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Image Effects</span><meta itemprop="position" content="3"></li>
-            </ol>
-          </div>
-          <div class="default-animation progress">
-            <div class="toc-wrapper">
-<nav id="TableOfContents">
-  <ul>
-    <li><a href="#extending">Extend'n</a></li>
-  </ul>
-</nav>
+            <div class="topbar-button topbar-next">
+              <a href="../../../pir/cont/menushortcuts/index.html" title="Menu extrrra shorrrtcuts (🡐)">
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </a>
             </div>
           </div>
         </div>
@@ -121,13 +122,13 @@
 <p>Without any sett'ns 'n yer <code>config.toml</code> this defaults t'</p>
 
   
-<div class="tab-panel" data-tab-group="ab451b83847d2aeefc6028cffec2cfcd">
+<div class="tab-panel" data-tab-group="3924577bb24e6be0e3cbebab575f400f">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="configtoml"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('ab451b83847d2aeefc6028cffec2cfcd','configtoml')"
+      onclick="switchTab('3924577bb24e6be0e3cbebab575f400f','configtoml')"
     >
       <div>
         <div class="tab-nav-hidden">config.toml</div>
@@ -151,13 +152,13 @@
 </div><p>This can be overridden 'n a planks frontmatter by eg.</p>
 
   
-<div class="tab-panel" data-tab-group="67eb4be2437ce40e8de7116b97590cc8">
+<div class="tab-panel" data-tab-group="4df1736cdf1931e2038021952c9dc734">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="frontmatter"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('67eb4be2437ce40e8de7116b97590cc8','frontmatter')"
+      onclick="switchTab('4df1736cdf1931e2038021952c9dc734','frontmatter')"
     >
       <div>
         <div class="tab-nav-hidden">frontmatter</div>
@@ -180,13 +181,13 @@
 </div><p>Or by explicitly override sett'ns by URL query parameter</p>
 
   
-<div class="tab-panel" data-tab-group="74be1da8bab2b2c2320a8b57474633d1">
+<div class="tab-panel" data-tab-group="ac3cff4138b9fa218480951b75d31dbc">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="url"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('74be1da8bab2b2c2320a8b57474633d1','url')"
+      onclick="switchTab('ac3cff4138b9fa218480951b75d31dbc','url')"
     >
       <div>
         <div class="tab-nav-hidden">URL</div>
@@ -206,13 +207,13 @@
 </div><p>Th' sett'ns applied t' th' above image would be</p>
 
   
-<div class="tab-panel" data-tab-group="7780a8556c444f97fce186f13f75257b">
+<div class="tab-panel" data-tab-group="86a297b3b88eaf7d97346b0cea9ce548">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="result"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('7780a8556c444f97fce186f13f75257b','result')"
+      onclick="switchTab('86a297b3b88eaf7d97346b0cea9ce548','result')"
     >
       <div>
         <div class="tab-nav-hidden">Result</div>
@@ -235,13 +236,13 @@
 </div><p>This ends up 'n th' follow'n HTML whar' th' parameter be converted t' CSS classes.</p>
 
   
-<div class="tab-panel" data-tab-group="faf6a849b854fea1c71c4372cc1e81ad">
+<div class="tab-panel" data-tab-group="82587f4bdd8433a8142ed00707419250">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="html"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('faf6a849b854fea1c71c4372cc1e81ad','html')"
+      onclick="switchTab('82587f4bdd8433a8142ed00707419250','html')"
     >
       <div>
         <div class="tab-nav-hidden">HTML</div>
@@ -356,12 +357,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1694553675" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1694553675" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694553675" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1694553675" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1694553675" defer></script>
-        <script src="../../../js/search.js?1694553675" defer></script>
+        <script src="../../../js/auto-complete.js?1694640598" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1694640598" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694640598" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1694640598" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1694640598" defer></script>
+        <script src="../../../js/search.js?1694640598" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -492,8 +493,12 @@
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -501,27 +506,25 @@
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1694553675"></script>
+          <script async src="../../../js/github-buttons.js?1694640598"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1694553675" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1694553675" defer></script>
-    <script src="../../../js/theme.js?1694553675" defer></script>
+    <script src="../../../js/clipboard.min.js?1694640598" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694640598" defer></script>
+    <script src="../../../js/theme.js?1694640598" defer></script>
   </body>
 </html>
diff --git a/pir/cont/imageeffects/index.print.html b/pir/cont/imageeffects/index.print.html
index b97a22a401..036fcdc95e 100644
--- a/pir/cont/imageeffects/index.print.html
+++ b/pir/cont/imageeffects/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/imageeffects/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/imageeffects/index.html" rel="canonical" type="text/html" title="Image Effects :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/cont/imageeffects/index.xml" rel="alternate" type="application/rss+xml" title="Image Effects :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1694553677" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1694553677" rel="stylesheet">
-    <link href="../../../css/fonts.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1694553677" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1694553677" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1694553677" rel="stylesheet">
-    <link href="../../../css/print.css?1694553677" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1694553677" rel="stylesheet">
-    <link href="../../../css/ie.css?1694553677" rel="stylesheet">
-    <script src="../../../js/url.js?1694553677"></script>
-    <script src="../../../js/variant.js?1694553677"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694640601" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694640601" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694640601" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694640601" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694640601" rel="stylesheet">
+    <link href="../../../css/print.css?1694640601" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1694640601" rel="stylesheet">
+    <link href="../../../css/ie.css?1694640601" rel="stylesheet">
+    <script src="../../../js/url.js?1694640601"></script>
+    <script src="../../../js/variant.js?1694640601"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -53,23 +53,23 @@
   </head>
   <body class="mobile-support print disableInlineCopyToClipboard" data-url="../../../pir/cont/imageeffects/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/cont/index.html"><span itemprop="name">Rambl&#39;n</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Image Effects</span><meta itemprop="position" content="3"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
           </div>
         </div>
       </nav>
@@ -88,13 +88,13 @@
 <p>Without any sett'ns 'n yer <code>config.toml</code> this defaults t'</p>
 
   
-<div class="tab-panel" data-tab-group="ab451b83847d2aeefc6028cffec2cfcd">
+<div class="tab-panel" data-tab-group="3924577bb24e6be0e3cbebab575f400f">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="configtoml"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('ab451b83847d2aeefc6028cffec2cfcd','configtoml')"
+      onclick="switchTab('3924577bb24e6be0e3cbebab575f400f','configtoml')"
     >
       <div>
         <div class="tab-nav-hidden">config.toml</div>
@@ -118,13 +118,13 @@
 </div><p>This can be overridden 'n a planks frontmatter by eg.</p>
 
   
-<div class="tab-panel" data-tab-group="67eb4be2437ce40e8de7116b97590cc8">
+<div class="tab-panel" data-tab-group="4df1736cdf1931e2038021952c9dc734">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="frontmatter"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('67eb4be2437ce40e8de7116b97590cc8','frontmatter')"
+      onclick="switchTab('4df1736cdf1931e2038021952c9dc734','frontmatter')"
     >
       <div>
         <div class="tab-nav-hidden">frontmatter</div>
@@ -147,13 +147,13 @@
 </div><p>Or by explicitly override sett'ns by URL query parameter</p>
 
   
-<div class="tab-panel" data-tab-group="74be1da8bab2b2c2320a8b57474633d1">
+<div class="tab-panel" data-tab-group="ac3cff4138b9fa218480951b75d31dbc">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="url"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('74be1da8bab2b2c2320a8b57474633d1','url')"
+      onclick="switchTab('ac3cff4138b9fa218480951b75d31dbc','url')"
     >
       <div>
         <div class="tab-nav-hidden">URL</div>
@@ -173,13 +173,13 @@
 </div><p>Th' sett'ns applied t' th' above image would be</p>
 
   
-<div class="tab-panel" data-tab-group="7780a8556c444f97fce186f13f75257b">
+<div class="tab-panel" data-tab-group="86a297b3b88eaf7d97346b0cea9ce548">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="result"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('7780a8556c444f97fce186f13f75257b','result')"
+      onclick="switchTab('86a297b3b88eaf7d97346b0cea9ce548','result')"
     >
       <div>
         <div class="tab-nav-hidden">Result</div>
@@ -202,13 +202,13 @@
 </div><p>This ends up 'n th' follow'n HTML whar' th' parameter be converted t' CSS classes.</p>
 
   
-<div class="tab-panel" data-tab-group="faf6a849b854fea1c71c4372cc1e81ad">
+<div class="tab-panel" data-tab-group="82587f4bdd8433a8142ed00707419250">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="html"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('faf6a849b854fea1c71c4372cc1e81ad','html')"
+      onclick="switchTab('82587f4bdd8433a8142ed00707419250','html')"
     >
       <div>
         <div class="tab-nav-hidden">HTML</div>
@@ -245,8 +245,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1694553677" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1694553677" defer></script>
-    <script src="../../../js/theme.js?1694553677" defer></script>
+    <script src="../../../js/clipboard.min.js?1694640601" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694640601" defer></script>
+    <script src="../../../js/theme.js?1694640601" defer></script>
   </body>
 </html>
diff --git a/pir/cont/index.html b/pir/cont/index.html
index 6ef81be4cf..039c84a0d9 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../../js/url.js?1694553675"></script>
-    <script src="../../js/variant.js?1694553675"></script>
+    <link href="../../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../../js/url.js?1694640598"></script>
+    <script src="../../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -52,19 +52,25 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../pir/cont/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <a href="../../pir/cont/pages/index.html" title="planks orrrganizat&#39;n (🡐)">
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </a>
+          <div class="topbar-sidebar-divider"></div>
+          <div class="topbar-left">
+            <div class="topbar-button topbar-sidebar">
+              <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
+                <i class="fa-fw fas fa-bars"></i>
+              </button>
             </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../pir/basics/history/index.html" title="Historrry (🡒)">
-                <i class="fa-fw fas fa-chevron-left"></i>
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Rambl&#39;n</span><meta itemprop="position" content="2"></li>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-edit">
+              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/cont/_index.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+                <i class="fa-fw fas fa-pen"></i>
               </a>
             </div>
             <div class="topbar-button topbar-print">
@@ -72,22 +78,16 @@
                 <i class="fa-fw fas fa-print"></i>
               </a>
             </div>
-            <div class="topbar-button topbar-edit">
-              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/cont/_index.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
-                <i class="fa-fw fas fa-pen"></i>
+            <div class="topbar-button topbar-prev">
+              <a href="../../pir/basics/history/index.html" title="Historrry (🡒)">
+                <i class="fa-fw fas fa-chevron-left"></i>
               </a>
             </div>
-          </div>
-          <div class="topbar-left">
-            <div class="topbar-button topbar-sidebar">
-              <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
-                <i class="fa-fw fas fa-bars"></i>
-              </button>
+            <div class="topbar-button topbar-next">
+              <a href="../../pir/cont/pages/index.html" title="planks orrrganizat&#39;n (🡐)">
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </a>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Rambl&#39;n</span><meta itemprop="position" content="2"></li>
-            </ol>
           </div>
         </div>
       </nav>
@@ -189,12 +189,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1694553677" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1694553677" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694553677" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1694553677" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1694553677" defer></script>
-        <script src="../../js/search.js?1694553677" defer></script>
+        <script src="../../js/auto-complete.js?1694640601" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1694640601" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694640601" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1694640601" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1694640601" defer></script>
+        <script src="../../js/search.js?1694640601" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -325,8 +325,12 @@
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -334,27 +338,25 @@
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1694553677"></script>
+          <script async src="../../js/github-buttons.js?1694640601"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1694553677" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1694553677" defer></script>
-    <script src="../../js/theme.js?1694553677" defer></script>
+    <script src="../../js/clipboard.min.js?1694640601" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694640601" defer></script>
+    <script src="../../js/theme.js?1694640601" defer></script>
   </body>
 </html>
diff --git a/pir/cont/index.print.html b/pir/cont/index.print.html
index a576d04d07..bef0743b47 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1694553677" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1694553677" rel="stylesheet">
-    <link href="../../css/fonts.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1694553677" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1694553677" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1694553677" rel="stylesheet">
-    <link href="../../css/print.css?1694553677" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1694553677" rel="stylesheet">
-    <link href="../../css/ie.css?1694553677" rel="stylesheet">
-    <script src="../../js/url.js?1694553677"></script>
-    <script src="../../js/variant.js?1694553677"></script>
+    <link href="../../css/fontawesome-all.min.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694640601" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694640601" rel="stylesheet">
+    <link href="../../css/fonts.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694640601" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694640601" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694640601" rel="stylesheet">
+    <link href="../../css/print.css?1694640601" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1694640601" rel="stylesheet">
+    <link href="../../css/ie.css?1694640601" rel="stylesheet">
+    <script src="../../js/url.js?1694640601"></script>
+    <script src="../../js/variant.js?1694640601"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -53,22 +53,22 @@
   </head>
   <body class="mobile-support print disableInlineCopyToClipboard" data-url="../../pir/cont/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Rambl&#39;n</span><meta itemprop="position" content="2"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
           </div>
         </div>
       </nav>
@@ -171,8 +171,8 @@
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="err">+++</span>
 </span></span><span class="line"><span class="cl"><span class="nx">title</span> <span class="p">=</span> <span class="s2">&#34;GitHub repo&#34;</span>
 </span></span><span class="line"><span class="cl"><span class="nx">menuPre</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fab fa-github&#39;&gt;&lt;/i&gt; &#34;</span>
-</span></span><span class="line"><span class="cl"><span class="err">+++</span></span></span></code></pre></div><p><a href="#image-cfaac0587938c7dee22edc72e08cade8" class="lightbox-link"><img src="../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title wit' icon" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-cfaac0587938c7dee22edc72e08cade8"><img src="../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title wit' icon" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+</span></span><span class="line"><span class="cl"><span class="err">+++</span></span></span></code></pre></div><p><a href="#image-a901634d7ff30d6e1714e8cb964d7092" class="lightbox-link"><img src="../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title wit' icon" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-a901634d7ff30d6e1714e8cb964d7092"><img src="../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title wit' icon" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h3 id="ordering-sibling-menupage-entries">Order'n sibl'n menu/page entries</h3>
 <p>Cap'n Hugo provides a <a href="https://gohugo.io/content/ordering/" target="_blank">flex'ble way</a> t' handle order fer yer planks.</p>
 <p>Th' simplest way be t' set <code>weight</code> parameter t' a number.</p>
@@ -217,8 +217,8 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
 <h2 id="predefined-archetypes">Predefined Archetypes</h2>
 <h3 id="archetypes-home">Home</h3>
 <p>A <strong>Home</strong> plank be th' start'n plank o' yer project. It&rsquo;s best t' have only one plank o' this kind 'n yer project.</p>
-<p><a href="#image-4920bbd6da89bc0cfd62285efee99e97" class="lightbox-link"><img src="../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-4920bbd6da89bc0cfd62285efee99e97"><img src="../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-58185ccb2b98e9536def0d31e3480bea" class="lightbox-link"><img src="../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-58185ccb2b98e9536def0d31e3480bea"><img src="../../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>T' create a home plank, run th' follow'n command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind home _index.md</span></span></code></pre></div><p>This leads t' a file wit' th' follow'n rrrambl'n</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">+++
@@ -228,8 +228,8 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
 </span></span><span class="line"><span class="cl">
 </span></span><span class="line"><span class="cl">Lorem Ipsum.</span></span></code></pre></div><h3 id="archetypes-chapter">Chapter</h3>
 <p>A <strong>Chapter</strong> displays a plank meant t' be used as introduct'n fer a set o' child planks. Commonly, it contains a simple title an' a catch line t' define rrrambl'n that can be found below it.</p>
-<p><a href="#image-1ad4afc370b7701bb3c2308a988e0a86" class="lightbox-link"><img src="../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-1ad4afc370b7701bb3c2308a988e0a86"><img src="../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-b3299a1e43f7fe0254800197cefcf56f" class="lightbox-link"><img src="../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-b3299a1e43f7fe0254800197cefcf56f"><img src="../../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>T' create a chapter plank, run th' follow'n command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter &lt;name&gt;/_index.md</span></span></code></pre></div><p>This leads t' a file wit' th' follow'n rrrambl'n</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">+++
@@ -241,8 +241,8 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
 </span></span><span class="line"><span class="cl">Lorem Ipsum.</span></span></code></pre></div><p>Replace th' <code>X</code> wit' a number. Because this number will be used t' generate th' subtitle o' th' chapter plank, set th' number t' a consecutive value start'n at 1 fer each new chapter level.</p>
 <h3 id="archetypes-default">Default</h3>
 <p>A <strong>Default</strong> plank be any other rrrambl'n plank. If ye set an unknown archetype 'n yer frontmatter, this archetype will be used t' generate th' plank.</p>
-<p><a href="#image-d84d26df92bfe80bd54ecd9d803b0486" class="lightbox-link"><img src="../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-d84d26df92bfe80bd54ecd9d803b0486"><img src="../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-68a15d68dee666a5d0e16d2089e0afda" class="lightbox-link"><img src="../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-68a15d68dee666a5d0e16d2089e0afda"><img src="../../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>T' create a default plank, run either one o' th' follow'n commands</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new &lt;chapter&gt;/&lt;name&gt;/_index.md</span></span></code></pre></div><p>or</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new &lt;chapter&gt;/&lt;name&gt;.md</span></span></code></pre></div><p>This leads t' a file wit' th' follow'n rrrambl'n</p>
@@ -815,8 +815,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-cc8a7657c42dab596287c84a244660c6" class="lightbox-link"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-cc8a7657c42dab596287c84a244660c6"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-8e6f2dcb080c9bf7285aa5fb39cfe058" class="lightbox-link"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-8e6f2dcb080c9bf7285aa5fb39cfe058"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-with-tooltip">Image wit' Tooltip</h3>
@@ -826,8 +826,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-a0ed9c55677ae1db0ca6838f1e4f13da" class="lightbox-link"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-a0ed9c55677ae1db0ca6838f1e4f13da"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-00c90e3f07841f1033d17319071b1adc" class="lightbox-link"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-00c90e3f07841f1033d17319071b1adc"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-references">Image References</h3>
@@ -839,8 +839,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-2d51afb3f041fc217f2e7adc5e8a9ae8" class="lightbox-link"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-2d51afb3f041fc217f2e7adc5e8a9ae8"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-03cd9f50f1b2489de6784219d235af6b" class="lightbox-link"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-03cd9f50f1b2489de6784219d235af6b"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-effects">Image Effects</h3>
@@ -852,8 +852,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-e57592f1f606301c54c7398a177ad216" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-e57592f1f606301c54c7398a177ad216"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-769c4580733525c428b40b67e64f2885" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-769c4580733525c428b40b67e64f2885"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">Minion</span>](<span class="na">https://octodex.github.com/images/minion.png?height=50px</span>)</span></span></code></pre></div>
@@ -861,8 +861,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-116ab8d9b66ced014e8919270d077e83" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-116ab8d9b66ced014e8919270d077e83"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-adc13996e9ede9672d9d4e30809c7163" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-adc13996e9ede9672d9d4e30809c7163"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">Minion</span>](<span class="na">https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw</span>)</span></span></code></pre></div>
@@ -870,8 +870,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-fabb135ed445b3fe5a35d616ec0716fe" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: 40vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-fabb135ed445b3fe5a35d616ec0716fe"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-59c77bc80a53b1ab0b24f3234cbeda77" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: 40vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-59c77bc80a53b1ab0b24f3234cbeda77"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h4 id="css-classes">CSS Classes</h4>
@@ -882,8 +882,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-54e116f6dcec011937d7b42e0b8dcf31" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="figure-image bg-white border lightbox noborder shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-54e116f6dcec011937d7b42e0b8dcf31"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="lightbox-image bg-white border lightbox noborder shadow" loading="lazy"></a></p>
+<p><a href="#image-c192645b630653a44fe34da3ffc5250f" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="figure-image bg-white border lightbox noborder shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-c192645b630653a44fe34da3ffc5250f"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="lightbox-image bg-white border lightbox noborder shadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="border">Border</h5>
@@ -892,8 +892,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-de4b81ec141a35b70521af02e7aa7b01" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="figure-image bg-white border lightbox noshadow noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-de4b81ec141a35b70521af02e7aa7b01"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="lightbox-image bg-white border lightbox noshadow noshadow" loading="lazy"></a></p>
+<p><a href="#image-7915235bccd420c7c3db9faec7b9e587" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="figure-image bg-white border lightbox noshadow noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-7915235bccd420c7c3db9faec7b9e587"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="lightbox-image bg-white border lightbox noshadow noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="left">Left</h5>
@@ -902,8 +902,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-0455fb02085ef67079d3139de1fdcbb1" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="figure-image bg-white border left lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-0455fb02085ef67079d3139de1fdcbb1"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image bg-white border left lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-597af270f6b7091b5a413579a623af92" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="figure-image bg-white border left lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-597af270f6b7091b5a413579a623af92"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image bg-white border left lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="right">Right</h5>
@@ -912,8 +912,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-b9f7021c4bd5cf95c3f8f73acb8f10d3" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="figure-image bg-white border lightbox right noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-b9f7021c4bd5cf95c3f8f73acb8f10d3"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image bg-white border lightbox right noshadow" loading="lazy"></a></p>
+<p><a href="#image-9ac6efdcf755ab62a496b3c1047a547c" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="figure-image bg-white border lightbox right noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-9ac6efdcf755ab62a496b3c1047a547c"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image bg-white border lightbox right noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="inline">Inline</h5>
@@ -925,14 +925,14 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-f2d9cedd7295d5a1dce3dcb26de00a33" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-f2d9cedd7295d5a1dce3dcb26de00a33"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#image-0c9ac65dbd938588119b83f6a421d107" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-0c9ac65dbd938588119b83f6a421d107"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#image-2f54f3e5b43947d30f995074f0007cba" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-2f54f3e5b43947d30f995074f0007cba"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#image-b37da10494ee19ff2e626a8c422bdb46" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-b37da10494ee19ff2e626a8c422bdb46"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-6192ffab4402e6ecc8687d27d9e3ff80" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-6192ffab4402e6ecc8687d27d9e3ff80"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#image-5c08b581eca24d0b89606dfa341500b3" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-5c08b581eca24d0b89606dfa341500b3"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#image-5f991c4602a56613914e9e58747a04fb" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-5f991c4602a56613914e9e58747a04fb"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#image-94d66fecf5498a3e5daff890af9dad88" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-94d66fecf5498a3e5daff890af9dad88"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="combination">Combinat'n</h5>
@@ -941,8 +941,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-dc05606c4a94c0265edb9e50cd554563" class="lightbox-link"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="figure-image bg-white border left lightbox shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-dc05606c4a94c0265edb9e50cd554563"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image bg-white border left lightbox shadow" loading="lazy"></a></p>
+<p><a href="#image-4875a1a3c771b07fc04a3268be37011e" class="lightbox-link"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="figure-image bg-white border left lightbox shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-4875a1a3c771b07fc04a3268be37011e"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image bg-white border left lightbox shadow" loading="lazy"></a></p>
 </div>
 </div>
 <h4 id="lightbox">Lightbox</h4>
@@ -984,13 +984,13 @@ line 3 o' code
 <p>Without any sett'ns 'n yer <code>config.toml</code> this defaults t'</p>
 
   
-<div class="tab-panel" data-tab-group="ab451b83847d2aeefc6028cffec2cfcd">
+<div class="tab-panel" data-tab-group="3924577bb24e6be0e3cbebab575f400f">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="configtoml"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('ab451b83847d2aeefc6028cffec2cfcd','configtoml')"
+      onclick="switchTab('3924577bb24e6be0e3cbebab575f400f','configtoml')"
     >
       <div>
         <div class="tab-nav-hidden">config.toml</div>
@@ -1014,13 +1014,13 @@ line 3 o' code
 </div><p>This can be overridden 'n a planks frontmatter by eg.</p>
 
   
-<div class="tab-panel" data-tab-group="67eb4be2437ce40e8de7116b97590cc8">
+<div class="tab-panel" data-tab-group="4df1736cdf1931e2038021952c9dc734">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="frontmatter"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('67eb4be2437ce40e8de7116b97590cc8','frontmatter')"
+      onclick="switchTab('4df1736cdf1931e2038021952c9dc734','frontmatter')"
     >
       <div>
         <div class="tab-nav-hidden">frontmatter</div>
@@ -1043,13 +1043,13 @@ line 3 o' code
 </div><p>Or by explicitly override sett'ns by URL query parameter</p>
 
   
-<div class="tab-panel" data-tab-group="74be1da8bab2b2c2320a8b57474633d1">
+<div class="tab-panel" data-tab-group="ac3cff4138b9fa218480951b75d31dbc">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="url"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('74be1da8bab2b2c2320a8b57474633d1','url')"
+      onclick="switchTab('ac3cff4138b9fa218480951b75d31dbc','url')"
     >
       <div>
         <div class="tab-nav-hidden">URL</div>
@@ -1069,13 +1069,13 @@ line 3 o' code
 </div><p>Th' sett'ns applied t' th' above image would be</p>
 
   
-<div class="tab-panel" data-tab-group="7780a8556c444f97fce186f13f75257b">
+<div class="tab-panel" data-tab-group="86a297b3b88eaf7d97346b0cea9ce548">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="result"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('7780a8556c444f97fce186f13f75257b','result')"
+      onclick="switchTab('86a297b3b88eaf7d97346b0cea9ce548','result')"
     >
       <div>
         <div class="tab-nav-hidden">Result</div>
@@ -1098,13 +1098,13 @@ line 3 o' code
 </div><p>This ends up 'n th' follow'n HTML whar' th' parameter be converted t' CSS classes.</p>
 
   
-<div class="tab-panel" data-tab-group="faf6a849b854fea1c71c4372cc1e81ad">
+<div class="tab-panel" data-tab-group="82587f4bdd8433a8142ed00707419250">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="html"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('faf6a849b854fea1c71c4372cc1e81ad','html')"
+      onclick="switchTab('82587f4bdd8433a8142ed00707419250','html')"
     >
       <div>
         <div class="tab-nav-hidden">HTML</div>
@@ -1285,8 +1285,8 @@ However, if ye want t' keep th' title but change its value, it can be overridden
 <li>Automatic menu generat'n from multilingual rrrambl'n</li>
 <li>In-browser language switch'n</li>
 </ul>
-<p><a href="#image-428bd5004e76f1b49258d4b2dd5fdbca" class="lightbox-link"><img src="../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-428bd5004e76f1b49258d4b2dd5fdbca"><img src="../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-2216167028174ab1e6353994fa584efc" class="lightbox-link"><img src="../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-2216167028174ab1e6353994fa584efc"><img src="../../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="basic-configuration">Basic configurat'n</h2>
 <p>Aft learn'n <a href="https://gohugo.io/content-management/multilingual" target="_blank">how Cap'n Hugo handle multilingual websites</a>, define yer languages 'n yer <code>config.toml</code> file.</p>
 <p>For example wit' current English an' Piratized English website.</p>
@@ -1426,8 +1426,8 @@ You&rsquo;ll see error reports 'n yer browsers console log fer each unsupported
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1694553678" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1694553678" defer></script>
-    <script src="../../js/theme.js?1694553678" defer></script>
+    <script src="../../js/clipboard.min.js?1694640602" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694640602" defer></script>
+    <script src="../../js/theme.js?1694640602" defer></script>
   </body>
 </html>
diff --git a/pir/cont/markdown/index.html b/pir/cont/markdown/index.html
index 1d699f42b8..a13b3295e8 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../../../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../../../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../../../js/url.js?1694553675"></script>
-    <script src="../../../js/variant.js?1694553675"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../../../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../../../js/url.js?1694640598"></script>
+    <script src="../../../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -52,51 +52,23 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../../pir/cont/markdown/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <a href="../../../pir/cont/imageeffects/index.html" title="Image Effects (🡐)">
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../../pir/cont/archetypes/index.html" title="Arrrchetypes (🡒)">
-                <i class="fa-fw fas fa-chevron-left"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-print">
-              <a href="../../../pir/cont/markdown/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
-                <i class="fa-fw fas fa-print"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-edit">
-              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/cont/markdown.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
-                <i class="fa-fw fas fa-pen"></i>
-              </a>
-            </div>
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
+            <div id="sidebar-overlay"></div>
             <div class="topbar-button topbar-toc">
               <button onclick="showToc()" type="button" title="Table o&#39; Contents (CTRL&#43;ALT&#43;t)">
                 <i class="fa-fw fas fa-list-alt"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/cont/index.html"><span itemprop="name">Rambl&#39;n</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Marrrkdown rules</span><meta itemprop="position" content="3"></li>
-            </ol>
-          </div>
-          <div class="default-animation progress">
-            <div class="toc-wrapper">
+            <div class="default-animation progress">
+              <div class="toc-wrapper">
 <nav id="TableOfContents">
   <ul>
     <li><a href="#paragraphs">Paragraphs</a></li>
@@ -150,6 +122,35 @@
     </li>
   </ul>
 </nav>
+              </div>
+            </div>
+            <div id="toc-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/cont/index.html"><span itemprop="name">Rambl&#39;n</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Marrrkdown rules</span><meta itemprop="position" content="3"></li>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-edit">
+              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/cont/markdown.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+                <i class="fa-fw fas fa-pen"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-print">
+              <a href="../../../pir/cont/markdown/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
+                <i class="fa-fw fas fa-print"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-prev">
+              <a href="../../../pir/cont/archetypes/index.html" title="Arrrchetypes (🡒)">
+                <i class="fa-fw fas fa-chevron-left"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-next">
+              <a href="../../../pir/cont/imageeffects/index.html" title="Image Effects (🡐)">
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </a>
             </div>
           </div>
         </div>
@@ -679,8 +680,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-cc8a7657c42dab596287c84a244660c6" class="lightbox-link"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-cc8a7657c42dab596287c84a244660c6"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-8e6f2dcb080c9bf7285aa5fb39cfe058" class="lightbox-link"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-8e6f2dcb080c9bf7285aa5fb39cfe058"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-with-tooltip">Image wit' Tooltip</h3>
@@ -690,8 +691,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-a0ed9c55677ae1db0ca6838f1e4f13da" class="lightbox-link"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-a0ed9c55677ae1db0ca6838f1e4f13da"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-00c90e3f07841f1033d17319071b1adc" class="lightbox-link"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-00c90e3f07841f1033d17319071b1adc"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-references">Image References</h3>
@@ -703,8 +704,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-2d51afb3f041fc217f2e7adc5e8a9ae8" class="lightbox-link"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-2d51afb3f041fc217f2e7adc5e8a9ae8"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-03cd9f50f1b2489de6784219d235af6b" class="lightbox-link"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-03cd9f50f1b2489de6784219d235af6b"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-effects">Image Effects</h3>
@@ -716,8 +717,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-e57592f1f606301c54c7398a177ad216" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-e57592f1f606301c54c7398a177ad216"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-769c4580733525c428b40b67e64f2885" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-769c4580733525c428b40b67e64f2885"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">Minion</span>](<span class="na">https://octodex.github.com/images/minion.png?height=50px</span>)</span></span></code></pre></div>
@@ -725,8 +726,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-116ab8d9b66ced014e8919270d077e83" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-116ab8d9b66ced014e8919270d077e83"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-adc13996e9ede9672d9d4e30809c7163" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-adc13996e9ede9672d9d4e30809c7163"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">Minion</span>](<span class="na">https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw</span>)</span></span></code></pre></div>
@@ -734,8 +735,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-fabb135ed445b3fe5a35d616ec0716fe" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: 40vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-fabb135ed445b3fe5a35d616ec0716fe"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-59c77bc80a53b1ab0b24f3234cbeda77" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: 40vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-59c77bc80a53b1ab0b24f3234cbeda77"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h4 id="css-classes">CSS Classes</h4>
@@ -746,8 +747,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-54e116f6dcec011937d7b42e0b8dcf31" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="figure-image bg-white border lightbox noborder shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-54e116f6dcec011937d7b42e0b8dcf31"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="lightbox-image bg-white border lightbox noborder shadow" loading="lazy"></a></p>
+<p><a href="#image-c192645b630653a44fe34da3ffc5250f" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="figure-image bg-white border lightbox noborder shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-c192645b630653a44fe34da3ffc5250f"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="lightbox-image bg-white border lightbox noborder shadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="border">Border</h5>
@@ -756,8 +757,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-de4b81ec141a35b70521af02e7aa7b01" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="figure-image bg-white border lightbox noshadow noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-de4b81ec141a35b70521af02e7aa7b01"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="lightbox-image bg-white border lightbox noshadow noshadow" loading="lazy"></a></p>
+<p><a href="#image-7915235bccd420c7c3db9faec7b9e587" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="figure-image bg-white border lightbox noshadow noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-7915235bccd420c7c3db9faec7b9e587"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="lightbox-image bg-white border lightbox noshadow noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="left">Left</h5>
@@ -766,8 +767,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-0455fb02085ef67079d3139de1fdcbb1" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="figure-image bg-white border left lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-0455fb02085ef67079d3139de1fdcbb1"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image bg-white border left lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-597af270f6b7091b5a413579a623af92" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="figure-image bg-white border left lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-597af270f6b7091b5a413579a623af92"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image bg-white border left lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="right">Right</h5>
@@ -776,8 +777,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-b9f7021c4bd5cf95c3f8f73acb8f10d3" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="figure-image bg-white border lightbox right noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-b9f7021c4bd5cf95c3f8f73acb8f10d3"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image bg-white border lightbox right noshadow" loading="lazy"></a></p>
+<p><a href="#image-9ac6efdcf755ab62a496b3c1047a547c" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="figure-image bg-white border lightbox right noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-9ac6efdcf755ab62a496b3c1047a547c"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image bg-white border lightbox right noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="inline">Inline</h5>
@@ -789,14 +790,14 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-f2d9cedd7295d5a1dce3dcb26de00a33" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-f2d9cedd7295d5a1dce3dcb26de00a33"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#image-0c9ac65dbd938588119b83f6a421d107" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-0c9ac65dbd938588119b83f6a421d107"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#image-2f54f3e5b43947d30f995074f0007cba" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-2f54f3e5b43947d30f995074f0007cba"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#image-b37da10494ee19ff2e626a8c422bdb46" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-b37da10494ee19ff2e626a8c422bdb46"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-6192ffab4402e6ecc8687d27d9e3ff80" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-6192ffab4402e6ecc8687d27d9e3ff80"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#image-5c08b581eca24d0b89606dfa341500b3" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-5c08b581eca24d0b89606dfa341500b3"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#image-5f991c4602a56613914e9e58747a04fb" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-5f991c4602a56613914e9e58747a04fb"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#image-94d66fecf5498a3e5daff890af9dad88" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-94d66fecf5498a3e5daff890af9dad88"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="combination">Combinat'n</h5>
@@ -805,8 +806,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-dc05606c4a94c0265edb9e50cd554563" class="lightbox-link"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="figure-image bg-white border left lightbox shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-dc05606c4a94c0265edb9e50cd554563"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image bg-white border left lightbox shadow" loading="lazy"></a></p>
+<p><a href="#image-4875a1a3c771b07fc04a3268be37011e" class="lightbox-link"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="figure-image bg-white border left lightbox shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-4875a1a3c771b07fc04a3268be37011e"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image bg-white border left lightbox shadow" loading="lazy"></a></p>
 </div>
 </div>
 <h4 id="lightbox">Lightbox</h4>
@@ -916,12 +917,12 @@ line 3 o' code
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1694553675" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1694553675" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694553675" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1694553675" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1694553675" defer></script>
-        <script src="../../../js/search.js?1694553675" defer></script>
+        <script src="../../../js/auto-complete.js?1694640599" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1694640599" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694640599" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1694640599" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1694640599" defer></script>
+        <script src="../../../js/search.js?1694640599" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -1052,8 +1053,12 @@ line 3 o' code
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -1061,27 +1066,25 @@ line 3 o' code
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1694553675"></script>
+          <script async src="../../../js/github-buttons.js?1694640599"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1694553675" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1694553675" defer></script>
-    <script src="../../../js/theme.js?1694553675" defer></script>
+    <script src="../../../js/clipboard.min.js?1694640599" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694640599" defer></script>
+    <script src="../../../js/theme.js?1694640599" defer></script>
   </body>
 </html>
diff --git a/pir/cont/markdown/index.print.html b/pir/cont/markdown/index.print.html
index 505312fe70..b645ff6268 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1694553677" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1694553677" rel="stylesheet">
-    <link href="../../../css/fonts.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1694553677" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1694553677" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1694553677" rel="stylesheet">
-    <link href="../../../css/print.css?1694553677" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1694553677" rel="stylesheet">
-    <link href="../../../css/ie.css?1694553677" rel="stylesheet">
-    <script src="../../../js/url.js?1694553677"></script>
-    <script src="../../../js/variant.js?1694553677"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694640601" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694640601" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694640601" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694640601" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694640601" rel="stylesheet">
+    <link href="../../../css/print.css?1694640601" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1694640601" rel="stylesheet">
+    <link href="../../../css/ie.css?1694640601" rel="stylesheet">
+    <script src="../../../js/url.js?1694640601"></script>
+    <script src="../../../js/variant.js?1694640601"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -53,23 +53,23 @@
   </head>
   <body class="mobile-support print disableInlineCopyToClipboard" data-url="../../../pir/cont/markdown/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/cont/index.html"><span itemprop="name">Rambl&#39;n</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Marrrkdown rules</span><meta itemprop="position" content="3"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
           </div>
         </div>
       </nav>
@@ -598,8 +598,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-cc8a7657c42dab596287c84a244660c6" class="lightbox-link"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-cc8a7657c42dab596287c84a244660c6"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-8e6f2dcb080c9bf7285aa5fb39cfe058" class="lightbox-link"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-8e6f2dcb080c9bf7285aa5fb39cfe058"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-with-tooltip">Image wit' Tooltip</h3>
@@ -609,8 +609,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-a0ed9c55677ae1db0ca6838f1e4f13da" class="lightbox-link"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-a0ed9c55677ae1db0ca6838f1e4f13da"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-00c90e3f07841f1033d17319071b1adc" class="lightbox-link"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-00c90e3f07841f1033d17319071b1adc"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-references">Image References</h3>
@@ -622,8 +622,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-2d51afb3f041fc217f2e7adc5e8a9ae8" class="lightbox-link"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-2d51afb3f041fc217f2e7adc5e8a9ae8"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-03cd9f50f1b2489de6784219d235af6b" class="lightbox-link"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-03cd9f50f1b2489de6784219d235af6b"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-effects">Image Effects</h3>
@@ -635,8 +635,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-e57592f1f606301c54c7398a177ad216" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-e57592f1f606301c54c7398a177ad216"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-769c4580733525c428b40b67e64f2885" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-769c4580733525c428b40b67e64f2885"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">Minion</span>](<span class="na">https://octodex.github.com/images/minion.png?height=50px</span>)</span></span></code></pre></div>
@@ -644,8 +644,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-116ab8d9b66ced014e8919270d077e83" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-116ab8d9b66ced014e8919270d077e83"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-adc13996e9ede9672d9d4e30809c7163" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-adc13996e9ede9672d9d4e30809c7163"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">Minion</span>](<span class="na">https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw</span>)</span></span></code></pre></div>
@@ -653,8 +653,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-fabb135ed445b3fe5a35d616ec0716fe" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: 40vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-fabb135ed445b3fe5a35d616ec0716fe"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-59c77bc80a53b1ab0b24f3234cbeda77" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: 40vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-59c77bc80a53b1ab0b24f3234cbeda77"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h4 id="css-classes">CSS Classes</h4>
@@ -665,8 +665,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-54e116f6dcec011937d7b42e0b8dcf31" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="figure-image bg-white border lightbox noborder shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-54e116f6dcec011937d7b42e0b8dcf31"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="lightbox-image bg-white border lightbox noborder shadow" loading="lazy"></a></p>
+<p><a href="#image-c192645b630653a44fe34da3ffc5250f" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="figure-image bg-white border lightbox noborder shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-c192645b630653a44fe34da3ffc5250f"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="lightbox-image bg-white border lightbox noborder shadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="border">Border</h5>
@@ -675,8 +675,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-de4b81ec141a35b70521af02e7aa7b01" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="figure-image bg-white border lightbox noshadow noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-de4b81ec141a35b70521af02e7aa7b01"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="lightbox-image bg-white border lightbox noshadow noshadow" loading="lazy"></a></p>
+<p><a href="#image-7915235bccd420c7c3db9faec7b9e587" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="figure-image bg-white border lightbox noshadow noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-7915235bccd420c7c3db9faec7b9e587"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="lightbox-image bg-white border lightbox noshadow noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="left">Left</h5>
@@ -685,8 +685,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-0455fb02085ef67079d3139de1fdcbb1" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="figure-image bg-white border left lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-0455fb02085ef67079d3139de1fdcbb1"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image bg-white border left lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-597af270f6b7091b5a413579a623af92" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="figure-image bg-white border left lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-597af270f6b7091b5a413579a623af92"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image bg-white border left lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="right">Right</h5>
@@ -695,8 +695,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-b9f7021c4bd5cf95c3f8f73acb8f10d3" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="figure-image bg-white border lightbox right noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-b9f7021c4bd5cf95c3f8f73acb8f10d3"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image bg-white border lightbox right noshadow" loading="lazy"></a></p>
+<p><a href="#image-9ac6efdcf755ab62a496b3c1047a547c" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="figure-image bg-white border lightbox right noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-9ac6efdcf755ab62a496b3c1047a547c"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image bg-white border lightbox right noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="inline">Inline</h5>
@@ -708,14 +708,14 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-f2d9cedd7295d5a1dce3dcb26de00a33" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-f2d9cedd7295d5a1dce3dcb26de00a33"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#image-0c9ac65dbd938588119b83f6a421d107" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-0c9ac65dbd938588119b83f6a421d107"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#image-2f54f3e5b43947d30f995074f0007cba" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-2f54f3e5b43947d30f995074f0007cba"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#image-b37da10494ee19ff2e626a8c422bdb46" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-b37da10494ee19ff2e626a8c422bdb46"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-6192ffab4402e6ecc8687d27d9e3ff80" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-6192ffab4402e6ecc8687d27d9e3ff80"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#image-5c08b581eca24d0b89606dfa341500b3" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-5c08b581eca24d0b89606dfa341500b3"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#image-5f991c4602a56613914e9e58747a04fb" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-5f991c4602a56613914e9e58747a04fb"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#image-94d66fecf5498a3e5daff890af9dad88" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-94d66fecf5498a3e5daff890af9dad88"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="combination">Combinat'n</h5>
@@ -724,8 +724,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-dc05606c4a94c0265edb9e50cd554563" class="lightbox-link"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="figure-image bg-white border left lightbox shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-dc05606c4a94c0265edb9e50cd554563"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image bg-white border left lightbox shadow" loading="lazy"></a></p>
+<p><a href="#image-4875a1a3c771b07fc04a3268be37011e" class="lightbox-link"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="figure-image bg-white border left lightbox shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-4875a1a3c771b07fc04a3268be37011e"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image bg-white border left lightbox shadow" loading="lazy"></a></p>
 </div>
 </div>
 <h4 id="lightbox">Lightbox</h4>
@@ -757,8 +757,8 @@ line 3 o' code
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1694553677" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1694553677" defer></script>
-    <script src="../../../js/theme.js?1694553677" defer></script>
+    <script src="../../../js/clipboard.min.js?1694640601" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694640601" defer></script>
+    <script src="../../../js/theme.js?1694640601" defer></script>
   </body>
 </html>
diff --git a/pir/cont/menushortcuts/index.html b/pir/cont/menushortcuts/index.html
index 067dee7110..d3965a720a 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../../../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../../../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../../../js/url.js?1694553675"></script>
-    <script src="../../../js/variant.js?1694553675"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../../../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../../../js/url.js?1694640598"></script>
+    <script src="../../../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -52,51 +52,23 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../../pir/cont/menushortcuts/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <a href="../../../pir/cont/i18n/index.html" title="Multilingual an&#39; i18n (🡐)">
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../../pir/cont/imageeffects/index.html" title="Image Effects (🡒)">
-                <i class="fa-fw fas fa-chevron-left"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-print">
-              <a href="../../../pir/cont/menushortcuts/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
-                <i class="fa-fw fas fa-print"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-edit">
-              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/cont/menushortcuts.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
-                <i class="fa-fw fas fa-pen"></i>
-              </a>
-            </div>
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
+            <div id="sidebar-overlay"></div>
             <div class="topbar-button topbar-toc">
               <button onclick="showToc()" type="button" title="Table o&#39; Contents (CTRL&#43;ALT&#43;t)">
                 <i class="fa-fw fas fa-list-alt"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/cont/index.html"><span itemprop="name">Rambl&#39;n</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Menu extrrra shorrrtcuts</span><meta itemprop="position" content="3"></li>
-            </ol>
-          </div>
-          <div class="default-animation progress">
-            <div class="toc-wrapper">
+            <div class="default-animation progress">
+              <div class="toc-wrapper">
 <nav id="TableOfContents">
   <ul>
     <li><a href="#basic-configuration">Basic configurat'n</a></li>
@@ -104,6 +76,35 @@
     <li><a href="#shortcuts-to-pages-inside-of-your-project">Shortcuts t' planks inside o' yer project</a></li>
   </ul>
 </nav>
+              </div>
+            </div>
+            <div id="toc-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/cont/index.html"><span itemprop="name">Rambl&#39;n</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Menu extrrra shorrrtcuts</span><meta itemprop="position" content="3"></li>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-edit">
+              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/cont/menushortcuts.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+                <i class="fa-fw fas fa-pen"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-print">
+              <a href="../../../pir/cont/menushortcuts/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
+                <i class="fa-fw fas fa-print"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-prev">
+              <a href="../../../pir/cont/imageeffects/index.html" title="Image Effects (🡒)">
+                <i class="fa-fw fas fa-chevron-left"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-next">
+              <a href="../../../pir/cont/i18n/index.html" title="Multilingual an&#39; i18n (🡐)">
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </a>
             </div>
           </div>
         </div>
@@ -325,12 +326,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?1694553675" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1694553675" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694553675" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1694553675" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1694553675" defer></script>
-        <script src="../../../js/search.js?1694553675" defer></script>
+        <script src="../../../js/auto-complete.js?1694640598" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1694640598" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694640598" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1694640598" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1694640598" defer></script>
+        <script src="../../../js/search.js?1694640598" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -461,8 +462,12 @@ However, if ye want t' keep th' title but change its value, it can be overridden
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -470,27 +475,25 @@ However, if ye want t' keep th' title but change its value, it can be overridden
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1694553675"></script>
+          <script async src="../../../js/github-buttons.js?1694640598"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1694553675" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1694553675" defer></script>
-    <script src="../../../js/theme.js?1694553675" defer></script>
+    <script src="../../../js/clipboard.min.js?1694640598" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694640598" defer></script>
+    <script src="../../../js/theme.js?1694640598" defer></script>
   </body>
 </html>
diff --git a/pir/cont/menushortcuts/index.print.html b/pir/cont/menushortcuts/index.print.html
index f267bc281b..ed59d443f4 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1694553677" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1694553677" rel="stylesheet">
-    <link href="../../../css/fonts.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1694553677" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1694553677" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1694553677" rel="stylesheet">
-    <link href="../../../css/print.css?1694553677" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1694553677" rel="stylesheet">
-    <link href="../../../css/ie.css?1694553677" rel="stylesheet">
-    <script src="../../../js/url.js?1694553677"></script>
-    <script src="../../../js/variant.js?1694553677"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694640601" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694640601" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694640601" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694640601" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694640601" rel="stylesheet">
+    <link href="../../../css/print.css?1694640601" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1694640601" rel="stylesheet">
+    <link href="../../../css/ie.css?1694640601" rel="stylesheet">
+    <script src="../../../js/url.js?1694640601"></script>
+    <script src="../../../js/variant.js?1694640601"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -53,23 +53,23 @@
   </head>
   <body class="mobile-support print disableInlineCopyToClipboard" data-url="../../../pir/cont/menushortcuts/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/cont/index.html"><span itemprop="name">Rambl&#39;n</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Menu extrrra shorrrtcuts</span><meta itemprop="position" content="3"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
           </div>
         </div>
       </nav>
@@ -212,8 +212,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?1694553677" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1694553677" defer></script>
-    <script src="../../../js/theme.js?1694553677" defer></script>
+    <script src="../../../js/clipboard.min.js?1694640601" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694640601" defer></script>
+    <script src="../../../js/theme.js?1694640601" defer></script>
   </body>
 </html>
diff --git a/pir/cont/pages/index.html b/pir/cont/pages/index.html
index 0cebdf7325..204177b347 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../../../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../../../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../../../js/url.js?1694553675"></script>
-    <script src="../../../js/variant.js?1694553675"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../../../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../../../js/url.js?1694640598"></script>
+    <script src="../../../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -52,51 +52,23 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../../pir/cont/pages/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <a href="../../../pir/cont/archetypes/index.html" title="Arrrchetypes (🡐)">
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../../pir/cont/index.html" title="Rambl&#39;n (🡒)">
-                <i class="fa-fw fas fa-chevron-left"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-print">
-              <a href="../../../pir/cont/pages/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
-                <i class="fa-fw fas fa-print"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-edit">
-              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/cont/pages/_index.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
-                <i class="fa-fw fas fa-pen"></i>
-              </a>
-            </div>
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
+            <div id="sidebar-overlay"></div>
             <div class="topbar-button topbar-toc">
               <button onclick="showToc()" type="button" title="Table o&#39; Contents (CTRL&#43;ALT&#43;t)">
                 <i class="fa-fw fas fa-list-alt"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/cont/index.html"><span itemprop="name">Rambl&#39;n</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">planks orrrganizat&#39;n</span><meta itemprop="position" content="3"></li>
-            </ol>
-          </div>
-          <div class="default-animation progress">
-            <div class="toc-wrapper">
+            <div class="default-animation progress">
+              <div class="toc-wrapper">
 <nav id="TableOfContents">
   <ul>
     <li><a href="#folders">Folders</a></li>
@@ -111,6 +83,35 @@
     </li>
   </ul>
 </nav>
+              </div>
+            </div>
+            <div id="toc-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/cont/index.html"><span itemprop="name">Rambl&#39;n</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">planks orrrganizat&#39;n</span><meta itemprop="position" content="3"></li>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-edit">
+              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/cont/pages/_index.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+                <i class="fa-fw fas fa-pen"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-print">
+              <a href="../../../pir/cont/pages/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
+                <i class="fa-fw fas fa-print"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-prev">
+              <a href="../../../pir/cont/index.html" title="Rambl&#39;n (🡒)">
+                <i class="fa-fw fas fa-chevron-left"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-next">
+              <a href="../../../pir/cont/archetypes/index.html" title="Arrrchetypes (🡐)">
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </a>
             </div>
           </div>
         </div>
@@ -197,8 +198,8 @@
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="err">+++</span>
 </span></span><span class="line"><span class="cl"><span class="nx">title</span> <span class="p">=</span> <span class="s2">&#34;GitHub repo&#34;</span>
 </span></span><span class="line"><span class="cl"><span class="nx">menuPre</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fab fa-github&#39;&gt;&lt;/i&gt; &#34;</span>
-</span></span><span class="line"><span class="cl"><span class="err">+++</span></span></span></code></pre></div><p><a href="#image-cfaac0587938c7dee22edc72e08cade8" class="lightbox-link"><img src="../../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title wit' icon" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-cfaac0587938c7dee22edc72e08cade8"><img src="../../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title wit' icon" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+</span></span><span class="line"><span class="cl"><span class="err">+++</span></span></span></code></pre></div><p><a href="#image-a901634d7ff30d6e1714e8cb964d7092" class="lightbox-link"><img src="../../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title wit' icon" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-a901634d7ff30d6e1714e8cb964d7092"><img src="../../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title wit' icon" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h3 id="ordering-sibling-menupage-entries">Order'n sibl'n menu/page entries</h3>
 <p>Cap'n Hugo provides a <a href="https://gohugo.io/content/ordering/" target="_blank">flex'ble way</a> t' handle order fer yer planks.</p>
 <p>Th' simplest way be t' set <code>weight</code> parameter t' a number.</p>
@@ -313,12 +314,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?1694553677" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1694553677" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694553677" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1694553677" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1694553677" defer></script>
-        <script src="../../../js/search.js?1694553677" defer></script>
+        <script src="../../../js/auto-complete.js?1694640601" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1694640601" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694640601" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1694640601" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1694640601" defer></script>
+        <script src="../../../js/search.js?1694640601" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -449,8 +450,12 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -458,27 +463,25 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
                 <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1694553677"></script>
+          <script async src="../../../js/github-buttons.js?1694640601"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1694553677" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1694553677" defer></script>
-    <script src="../../../js/theme.js?1694553677" defer></script>
+    <script src="../../../js/clipboard.min.js?1694640601" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694640601" defer></script>
+    <script src="../../../js/theme.js?1694640601" defer></script>
   </body>
 </html>
diff --git a/pir/cont/pages/index.print.html b/pir/cont/pages/index.print.html
index 2d9fb74bba..dc473af119 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1694553677" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1694553677" rel="stylesheet">
-    <link href="../../../css/fonts.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1694553677" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1694553677" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1694553677" rel="stylesheet">
-    <link href="../../../css/print.css?1694553677" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1694553677" rel="stylesheet">
-    <link href="../../../css/ie.css?1694553677" rel="stylesheet">
-    <script src="../../../js/url.js?1694553677"></script>
-    <script src="../../../js/variant.js?1694553677"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694640601" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694640601" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694640601" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694640601" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694640601" rel="stylesheet">
+    <link href="../../../css/print.css?1694640601" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1694640601" rel="stylesheet">
+    <link href="../../../css/ie.css?1694640601" rel="stylesheet">
+    <script src="../../../js/url.js?1694640601"></script>
+    <script src="../../../js/variant.js?1694640601"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -53,23 +53,23 @@
   </head>
   <body class="mobile-support print disableInlineCopyToClipboard" data-url="../../../pir/cont/pages/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/cont/index.html"><span itemprop="name">Rambl&#39;n</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">planks orrrganizat&#39;n</span><meta itemprop="position" content="3"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
           </div>
         </div>
       </nav>
@@ -155,8 +155,8 @@
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="err">+++</span>
 </span></span><span class="line"><span class="cl"><span class="nx">title</span> <span class="p">=</span> <span class="s2">&#34;GitHub repo&#34;</span>
 </span></span><span class="line"><span class="cl"><span class="nx">menuPre</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fab fa-github&#39;&gt;&lt;/i&gt; &#34;</span>
-</span></span><span class="line"><span class="cl"><span class="err">+++</span></span></span></code></pre></div><p><a href="#image-cfaac0587938c7dee22edc72e08cade8" class="lightbox-link"><img src="../../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title wit' icon" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-cfaac0587938c7dee22edc72e08cade8"><img src="../../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title wit' icon" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+</span></span><span class="line"><span class="cl"><span class="err">+++</span></span></span></code></pre></div><p><a href="#image-a901634d7ff30d6e1714e8cb964d7092" class="lightbox-link"><img src="../../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title wit' icon" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-a901634d7ff30d6e1714e8cb964d7092"><img src="../../../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title wit' icon" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h3 id="ordering-sibling-menupage-entries">Order'n sibl'n menu/page entries</h3>
 <p>Cap'n Hugo provides a <a href="https://gohugo.io/content/ordering/" target="_blank">flex'ble way</a> t' handle order fer yer planks.</p>
 <p>Th' simplest way be t' set <code>weight</code> parameter t' a number.</p>
@@ -193,8 +193,8 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1694553678" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1694553678" defer></script>
-    <script src="../../../js/theme.js?1694553678" defer></script>
+    <script src="../../../js/clipboard.min.js?1694640602" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694640602" defer></script>
+    <script src="../../../js/theme.js?1694640602" defer></script>
   </body>
 </html>
diff --git a/pir/cont/taxonomy/index.html b/pir/cont/taxonomy/index.html
index 49e1d1d8e2..7d2d2e98fd 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../../../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../../../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../../../js/url.js?1694553675"></script>
-    <script src="../../../js/variant.js?1694553675"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../../../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../../../js/url.js?1694640598"></script>
+    <script src="../../../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -52,51 +52,23 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../../pir/cont/taxonomy/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <a href="../../../pir/shortcodes/index.html" title="Shorrrtcodes (🡐)">
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../../pir/cont/i18n/index.html" title="Multilingual an&#39; i18n (🡒)">
-                <i class="fa-fw fas fa-chevron-left"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-print">
-              <a href="../../../pir/cont/taxonomy/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
-                <i class="fa-fw fas fa-print"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-edit">
-              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/cont/taxonomy.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
-                <i class="fa-fw fas fa-pen"></i>
-              </a>
-            </div>
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
+            <div id="sidebar-overlay"></div>
             <div class="topbar-button topbar-toc">
               <button onclick="showToc()" type="button" title="Table o&#39; Contents (CTRL&#43;ALT&#43;t)">
                 <i class="fa-fw fas fa-list-alt"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/cont/index.html"><span itemprop="name">Rambl&#39;n</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Taxonomy</span><meta itemprop="position" content="3"></li>
-            </ol>
-          </div>
-          <div class="default-animation progress">
-            <div class="toc-wrapper">
+            <div class="default-animation progress">
+              <div class="toc-wrapper">
 <nav id="TableOfContents">
   <ul>
     <li><a href="#configuration">Configurat'n</a></li>
@@ -104,6 +76,35 @@
     <li><a href="#list-all-the-tags">List all th' tags</a></li>
   </ul>
 </nav>
+              </div>
+            </div>
+            <div id="toc-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/cont/index.html"><span itemprop="name">Rambl&#39;n</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Taxonomy</span><meta itemprop="position" content="3"></li>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-edit">
+              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/cont/taxonomy.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+                <i class="fa-fw fas fa-pen"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-print">
+              <a href="../../../pir/cont/taxonomy/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
+                <i class="fa-fw fas fa-print"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-prev">
+              <a href="../../../pir/cont/i18n/index.html" title="Multilingual an&#39; i18n (🡒)">
+                <i class="fa-fw fas fa-chevron-left"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-next">
+              <a href="../../../pir/shortcodes/index.html" title="Shorrrtcodes (🡐)">
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </a>
             </div>
           </div>
         </div>
@@ -229,12 +230,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1694553675" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1694553675" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694553675" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1694553675" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1694553675" defer></script>
-        <script src="../../../js/search.js?1694553675" defer></script>
+        <script src="../../../js/auto-complete.js?1694640599" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1694640599" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694640599" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1694640599" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1694640599" defer></script>
+        <script src="../../../js/search.js?1694640599" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -365,8 +366,12 @@
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -374,27 +379,25 @@
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1694553675"></script>
+          <script async src="../../../js/github-buttons.js?1694640599"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1694553675" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1694553675" defer></script>
-    <script src="../../../js/theme.js?1694553675" defer></script>
+    <script src="../../../js/clipboard.min.js?1694640599" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694640599" defer></script>
+    <script src="../../../js/theme.js?1694640599" defer></script>
   </body>
 </html>
diff --git a/pir/cont/taxonomy/index.print.html b/pir/cont/taxonomy/index.print.html
index 648bf3b664..fa68001e92 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1694553677" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1694553677" rel="stylesheet">
-    <link href="../../../css/fonts.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1694553677" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1694553677" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1694553677" rel="stylesheet">
-    <link href="../../../css/print.css?1694553677" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1694553677" rel="stylesheet">
-    <link href="../../../css/ie.css?1694553677" rel="stylesheet">
-    <script src="../../../js/url.js?1694553677"></script>
-    <script src="../../../js/variant.js?1694553677"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694640601" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694640601" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694640601" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694640601" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694640601" rel="stylesheet">
+    <link href="../../../css/print.css?1694640601" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1694640601" rel="stylesheet">
+    <link href="../../../css/ie.css?1694640601" rel="stylesheet">
+    <script src="../../../js/url.js?1694640601"></script>
+    <script src="../../../js/variant.js?1694640601"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -53,23 +53,23 @@
   </head>
   <body class="mobile-support print disableInlineCopyToClipboard" data-url="../../../pir/cont/taxonomy/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/cont/index.html"><span itemprop="name">Rambl&#39;n</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Taxonomy</span><meta itemprop="position" content="3"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
           </div>
         </div>
       </nav>
@@ -116,8 +116,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1694553677" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1694553677" defer></script>
-    <script src="../../../js/theme.js?1694553677" defer></script>
+    <script src="../../../js/clipboard.min.js?1694640601" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694640601" defer></script>
+    <script src="../../../js/theme.js?1694640601" defer></script>
   </body>
 </html>
diff --git a/pir/dev/contributing/index.html b/pir/dev/contributing/index.html
index 5c9c369990..2dbf813857 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../../../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../../../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../../../js/url.js?1694553675"></script>
-    <script src="../../../js/variant.js?1694553675"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../../../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../../../js/url.js?1694640598"></script>
+    <script src="../../../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -51,19 +51,42 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../../pir/dev/contributing/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <a href="../../../pir/dev/maintaining/index.html" title="Maintaining (🡐)">
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </a>
+          <div class="topbar-sidebar-divider"></div>
+          <div class="topbar-left">
+            <div class="topbar-button topbar-sidebar">
+              <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
+                <i class="fa-fw fas fa-bars"></i>
+              </button>
             </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../../pir/dev/index.html" title="Development (🡒)">
-                <i class="fa-fw fas fa-chevron-left"></i>
+            <div id="sidebar-overlay"></div>
+            <div class="topbar-button topbar-toc">
+              <button onclick="showToc()" type="button" title="Table o&#39; Contents (CTRL&#43;ALT&#43;t)">
+                <i class="fa-fw fas fa-list-alt"></i>
+              </button>
+            </div>
+            <div class="default-animation progress">
+              <div class="toc-wrapper">
+<nav id="TableOfContents">
+  <ul>
+    <li><a href="#code-quality">Code Quality</a></li>
+    <li><a href="#conventional-commits">Conventional Commits</a></li>
+  </ul>
+</nav>
+              </div>
+            </div>
+            <div id="toc-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/dev/index.html"><span itemprop="name">Development</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Contributing</span><meta itemprop="position" content="3"></li>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-edit">
+              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/dev/contributing/_index.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+                <i class="fa-fw fas fa-pen"></i>
               </a>
             </div>
             <div class="topbar-button topbar-print">
@@ -71,37 +94,15 @@
                 <i class="fa-fw fas fa-print"></i>
               </a>
             </div>
-            <div class="topbar-button topbar-edit">
-              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/dev/contributing/_index.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
-                <i class="fa-fw fas fa-pen"></i>
+            <div class="topbar-button topbar-prev">
+              <a href="../../../pir/dev/index.html" title="Development (🡒)">
+                <i class="fa-fw fas fa-chevron-left"></i>
               </a>
             </div>
-          </div>
-          <div class="topbar-left">
-            <div class="topbar-button topbar-sidebar">
-              <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
-                <i class="fa-fw fas fa-bars"></i>
-              </button>
-            </div>
-            <div class="topbar-button topbar-toc">
-              <button onclick="showToc()" type="button" title="Table o&#39; Contents (CTRL&#43;ALT&#43;t)">
-                <i class="fa-fw fas fa-list-alt"></i>
-              </button>
-            </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/dev/index.html"><span itemprop="name">Development</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Contributing</span><meta itemprop="position" content="3"></li>
-            </ol>
-          </div>
-          <div class="default-animation progress">
-            <div class="toc-wrapper">
-<nav id="TableOfContents">
-  <ul>
-    <li><a href="#code-quality">Code Quality</a></li>
-    <li><a href="#conventional-commits">Conventional Commits</a></li>
-  </ul>
-</nav>
+            <div class="topbar-button topbar-next">
+              <a href="../../../pir/dev/maintaining/index.html" title="Maintaining (🡐)">
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </a>
             </div>
           </div>
         </div>
@@ -319,12 +320,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1694553677" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1694553677" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694553677" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1694553677" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1694553677" defer></script>
-        <script src="../../../js/search.js?1694553677" defer></script>
+        <script src="../../../js/auto-complete.js?1694640601" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1694640601" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694640601" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1694640601" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1694640601" defer></script>
+        <script src="../../../js/search.js?1694640601" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -459,8 +460,12 @@
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -468,27 +473,25 @@
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1694553677"></script>
+          <script async src="../../../js/github-buttons.js?1694640601"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1694553677" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1694553677" defer></script>
-    <script src="../../../js/theme.js?1694553677" defer></script>
+    <script src="../../../js/clipboard.min.js?1694640601" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694640601" defer></script>
+    <script src="../../../js/theme.js?1694640601" defer></script>
   </body>
 </html>
diff --git a/pir/dev/contributing/index.print.html b/pir/dev/contributing/index.print.html
index 738f9bc65c..729a08b9e9 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1694553677" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1694553677" rel="stylesheet">
-    <link href="../../../css/fonts.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1694553677" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1694553677" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1694553677" rel="stylesheet">
-    <link href="../../../css/print.css?1694553677" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1694553677" rel="stylesheet">
-    <link href="../../../css/ie.css?1694553677" rel="stylesheet">
-    <script src="../../../js/url.js?1694553677"></script>
-    <script src="../../../js/variant.js?1694553677"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694640601" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694640601" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694640601" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694640601" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694640601" rel="stylesheet">
+    <link href="../../../css/print.css?1694640601" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1694640601" rel="stylesheet">
+    <link href="../../../css/ie.css?1694640601" rel="stylesheet">
+    <script src="../../../js/url.js?1694640601"></script>
+    <script src="../../../js/variant.js?1694640601"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -52,23 +52,23 @@
   </head>
   <body class="mobile-support print disableInlineCopyToClipboard" data-url="../../../pir/dev/contributing/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/dev/index.html"><span itemprop="name">Development</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Contributing</span><meta itemprop="position" content="3"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
           </div>
         </div>
       </nav>
@@ -207,8 +207,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1694553678" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1694553678" defer></script>
-    <script src="../../../js/theme.js?1694553678" defer></script>
+    <script src="../../../js/clipboard.min.js?1694640602" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694640602" defer></script>
+    <script src="../../../js/theme.js?1694640602" defer></script>
   </body>
 </html>
diff --git a/pir/dev/index.html b/pir/dev/index.html
index ea2794ca6e..bf0a3d57c8 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../../js/url.js?1694553675"></script>
-    <script src="../../js/variant.js?1694553675"></script>
+    <link href="../../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../../js/url.js?1694640598"></script>
+    <script src="../../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -51,19 +51,25 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../pir/dev/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <a href="../../pir/dev/contributing/index.html" title="Contributing (🡐)">
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </a>
+          <div class="topbar-sidebar-divider"></div>
+          <div class="topbar-left">
+            <div class="topbar-button topbar-sidebar">
+              <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
+                <i class="fa-fw fas fa-bars"></i>
+              </button>
             </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../pir/shortcodes/tabs/index.html" title="Tabs (🡒)">
-                <i class="fa-fw fas fa-chevron-left"></i>
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Development</span><meta itemprop="position" content="2"></li>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-edit">
+              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/dev/_index.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+                <i class="fa-fw fas fa-pen"></i>
               </a>
             </div>
             <div class="topbar-button topbar-print">
@@ -71,22 +77,16 @@
                 <i class="fa-fw fas fa-print"></i>
               </a>
             </div>
-            <div class="topbar-button topbar-edit">
-              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/dev/_index.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
-                <i class="fa-fw fas fa-pen"></i>
+            <div class="topbar-button topbar-prev">
+              <a href="../../pir/shortcodes/tabs/index.html" title="Tabs (🡒)">
+                <i class="fa-fw fas fa-chevron-left"></i>
               </a>
             </div>
-          </div>
-          <div class="topbar-left">
-            <div class="topbar-button topbar-sidebar">
-              <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
-                <i class="fa-fw fas fa-bars"></i>
-              </button>
+            <div class="topbar-button topbar-next">
+              <a href="../../pir/dev/contributing/index.html" title="Contributing (🡐)">
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </a>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Development</span><meta itemprop="position" content="2"></li>
-            </ol>
           </div>
         </div>
       </nav>
@@ -195,12 +195,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1694553677" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1694553677" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694553677" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1694553677" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1694553677" defer></script>
-        <script src="../../js/search.js?1694553677" defer></script>
+        <script src="../../js/auto-complete.js?1694640601" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1694640601" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694640601" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1694640601" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1694640601" defer></script>
+        <script src="../../js/search.js?1694640601" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -335,8 +335,12 @@
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -344,27 +348,25 @@
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1694553677"></script>
+          <script async src="../../js/github-buttons.js?1694640601"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1694553677" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1694553677" defer></script>
-    <script src="../../js/theme.js?1694553677" defer></script>
+    <script src="../../js/clipboard.min.js?1694640601" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694640601" defer></script>
+    <script src="../../js/theme.js?1694640601" defer></script>
   </body>
 </html>
diff --git a/pir/dev/index.print.html b/pir/dev/index.print.html
index 86c909ef59..4411937bba 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1694553677" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1694553677" rel="stylesheet">
-    <link href="../../css/fonts.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1694553677" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1694553677" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1694553677" rel="stylesheet">
-    <link href="../../css/print.css?1694553677" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1694553677" rel="stylesheet">
-    <link href="../../css/ie.css?1694553677" rel="stylesheet">
-    <script src="../../js/url.js?1694553677"></script>
-    <script src="../../js/variant.js?1694553677"></script>
+    <link href="../../css/fontawesome-all.min.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694640601" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694640601" rel="stylesheet">
+    <link href="../../css/fonts.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694640601" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694640601" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694640601" rel="stylesheet">
+    <link href="../../css/print.css?1694640601" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1694640601" rel="stylesheet">
+    <link href="../../css/ie.css?1694640601" rel="stylesheet">
+    <script src="../../js/url.js?1694640601"></script>
+    <script src="../../js/variant.js?1694640601"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -52,22 +52,22 @@
   </head>
   <body class="mobile-support print disableInlineCopyToClipboard" data-url="../../pir/dev/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Development</span><meta itemprop="position" content="2"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
           </div>
         </div>
       </nav>
@@ -470,8 +470,8 @@
 <p><strong>Remarks</strong>:</p>
 <p>Th' locat'n be mandatory due t' Hugo&rsquo;s theme ship builder.</p>
 <h3 id="preview-imagesscreenshotpng">Preview <code>images/screenshot.png</code></h3>
-<p><a href="#image-5db457cb1b192dc19006325efb521cc2" class="lightbox-link"><img src="../../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-5db457cb1b192dc19006325efb521cc2"><img src="../../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-bad29cdb89372737336c035b29e60993" class="lightbox-link"><img src="../../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-bad29cdb89372737336c035b29e60993"><img src="../../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="hero-image">Hero Image</h2>
 <p><strong>Rrrambl'n</strong>:</p>
 <p>Show th' <a href="#demo-screenshot">Demo Screenshot</a> plank on different devices an' different themes. Composit'n o' th' different device screenshots into a template.</p>
@@ -500,11 +500,11 @@
 <p><strong>Remarks</strong>:</p>
 <p>Th' locat'n o' <code>images/tn.png</code> be mandatory due t' Hugo&rsquo;s theme ship builder.</p>
 <h3 id="preview-imagesheropng">Preview <code>images/hero.png</code></h3>
-<p><a href="#image-227710e15536f4c060f8cfd9cc9dd2cd" class="lightbox-link"><img src="../../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-227710e15536f4c060f8cfd9cc9dd2cd"><img src="../../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-d867345238ba99b8fe63bb7a0bf683cf" class="lightbox-link"><img src="../../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-d867345238ba99b8fe63bb7a0bf683cf"><img src="../../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h3 id="preview-imagestnpng">Preview <code>images/tn.png</code></h3>
-<p><a href="#image-ec4fbc54523937569611a96a91abdb8e" class="lightbox-link"><img src="../../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-ec4fbc54523937569611a96a91abdb8e"><img src="../../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-4fc5f8fab85b7d2ce0724547a701b504" class="lightbox-link"><img src="../../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-4fc5f8fab85b7d2ce0724547a701b504"><img src="../../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
 
             <footer class="footline">
@@ -516,8 +516,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1694553678" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1694553678" defer></script>
-    <script src="../../js/theme.js?1694553678" defer></script>
+    <script src="../../js/clipboard.min.js?1694640602" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694640602" defer></script>
+    <script src="../../js/theme.js?1694640602" defer></script>
   </body>
 </html>
diff --git a/pir/dev/maintaining/index.html b/pir/dev/maintaining/index.html
index 62e06e343a..28160c11d7 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../../../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../../../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../../../js/url.js?1694553675"></script>
-    <script src="../../../js/variant.js?1694553675"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../../../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../../../js/url.js?1694640598"></script>
+    <script src="../../../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -51,51 +51,23 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../../pir/dev/maintaining/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <a href="../../../pir/dev/screenshots/index.html" title="Scrrrenshots (🡐)">
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../../pir/dev/contributing/index.html" title="Contributing (🡒)">
-                <i class="fa-fw fas fa-chevron-left"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-print">
-              <a href="../../../pir/dev/maintaining/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
-                <i class="fa-fw fas fa-print"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-edit">
-              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/dev/maintaining/_index.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
-                <i class="fa-fw fas fa-pen"></i>
-              </a>
-            </div>
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
+            <div id="sidebar-overlay"></div>
             <div class="topbar-button topbar-toc">
               <button onclick="showToc()" type="button" title="Table o&#39; Contents (CTRL&#43;ALT&#43;t)">
                 <i class="fa-fw fas fa-list-alt"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/dev/index.html"><span itemprop="name">Development</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Maintaining</span><meta itemprop="position" content="3"></li>
-            </ol>
-          </div>
-          <div class="default-animation progress">
-            <div class="toc-wrapper">
+            <div class="default-animation progress">
+              <div class="toc-wrapper">
 <nav id="TableOfContents">
   <ul>
     <li><a href="#semver">Semver</a></li>
@@ -113,6 +85,35 @@
     <li><a href="#making-releases">Mak'n Releases</a></li>
   </ul>
 </nav>
+              </div>
+            </div>
+            <div id="toc-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/dev/index.html"><span itemprop="name">Development</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Maintaining</span><meta itemprop="position" content="3"></li>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-edit">
+              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/dev/maintaining/_index.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+                <i class="fa-fw fas fa-pen"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-print">
+              <a href="../../../pir/dev/maintaining/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
+                <i class="fa-fw fas fa-print"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-prev">
+              <a href="../../../pir/dev/contributing/index.html" title="Contributing (🡒)">
+                <i class="fa-fw fas fa-chevron-left"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-next">
+              <a href="../../../pir/dev/screenshots/index.html" title="Scrrrenshots (🡐)">
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </a>
             </div>
           </div>
         </div>
@@ -406,12 +407,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1694553677" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1694553677" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694553677" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1694553677" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1694553677" defer></script>
-        <script src="../../../js/search.js?1694553677" defer></script>
+        <script src="../../../js/auto-complete.js?1694640601" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1694640601" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694640601" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1694640601" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1694640601" defer></script>
+        <script src="../../../js/search.js?1694640601" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -546,8 +547,12 @@
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -555,27 +560,25 @@
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1694553677"></script>
+          <script async src="../../../js/github-buttons.js?1694640601"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1694553677" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1694553677" defer></script>
-    <script src="../../../js/theme.js?1694553677" defer></script>
+    <script src="../../../js/clipboard.min.js?1694640601" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694640601" defer></script>
+    <script src="../../../js/theme.js?1694640601" defer></script>
   </body>
 </html>
diff --git a/pir/dev/maintaining/index.print.html b/pir/dev/maintaining/index.print.html
index a8c4108337..8e5c618bab 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1694553677" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1694553677" rel="stylesheet">
-    <link href="../../../css/fonts.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1694553677" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1694553677" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1694553677" rel="stylesheet">
-    <link href="../../../css/print.css?1694553677" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1694553677" rel="stylesheet">
-    <link href="../../../css/ie.css?1694553677" rel="stylesheet">
-    <script src="../../../js/url.js?1694553677"></script>
-    <script src="../../../js/variant.js?1694553677"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694640601" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694640601" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694640601" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694640601" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694640601" rel="stylesheet">
+    <link href="../../../css/print.css?1694640601" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1694640601" rel="stylesheet">
+    <link href="../../../css/ie.css?1694640601" rel="stylesheet">
+    <script src="../../../js/url.js?1694640601"></script>
+    <script src="../../../js/variant.js?1694640601"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -52,23 +52,23 @@
   </head>
   <body class="mobile-support print disableInlineCopyToClipboard" data-url="../../../pir/dev/maintaining/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/dev/index.html"><span itemprop="name">Development</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Maintaining</span><meta itemprop="position" content="3"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
           </div>
         </div>
       </nav>
@@ -283,8 +283,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1694553678" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1694553678" defer></script>
-    <script src="../../../js/theme.js?1694553678" defer></script>
+    <script src="../../../js/clipboard.min.js?1694640602" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694640602" defer></script>
+    <script src="../../../js/theme.js?1694640602" defer></script>
   </body>
 </html>
diff --git a/pir/dev/screenshots/index.html b/pir/dev/screenshots/index.html
index e00c3a1787..240588386b 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../../../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../../../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../../../js/url.js?1694553675"></script>
-    <script src="../../../js/variant.js?1694553675"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../../../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../../../js/url.js?1694640598"></script>
+    <script src="../../../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -51,51 +51,23 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../../pir/dev/screenshots/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <span>
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </span>
-            </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../../pir/dev/maintaining/index.html" title="Maintaining (🡒)">
-                <i class="fa-fw fas fa-chevron-left"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-print">
-              <a href="../../../pir/dev/screenshots/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
-                <i class="fa-fw fas fa-print"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-edit">
-              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/dev/screenshots/_index.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
-                <i class="fa-fw fas fa-pen"></i>
-              </a>
-            </div>
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
+            <div id="sidebar-overlay"></div>
             <div class="topbar-button topbar-toc">
               <button onclick="showToc()" type="button" title="Table o&#39; Contents (CTRL&#43;ALT&#43;t)">
                 <i class="fa-fw fas fa-list-alt"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/dev/index.html"><span itemprop="name">Development</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Scrrrenshots</span><meta itemprop="position" content="3"></li>
-            </ol>
-          </div>
-          <div class="default-animation progress">
-            <div class="toc-wrapper">
+            <div class="default-animation progress">
+              <div class="toc-wrapper">
 <nav id="TableOfContents">
   <ul>
     <li><a href="#common">Common</a></li>
@@ -112,6 +84,35 @@
     </li>
   </ul>
 </nav>
+              </div>
+            </div>
+            <div id="toc-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/dev/index.html"><span itemprop="name">Development</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Scrrrenshots</span><meta itemprop="position" content="3"></li>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-edit">
+              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/dev/screenshots/_index.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+                <i class="fa-fw fas fa-pen"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-print">
+              <a href="../../../pir/dev/screenshots/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
+                <i class="fa-fw fas fa-print"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-prev">
+              <a href="../../../pir/dev/maintaining/index.html" title="Maintaining (🡒)">
+                <i class="fa-fw fas fa-chevron-left"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-next">
+              <span>
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </span>
             </div>
           </div>
         </div>
@@ -155,8 +156,8 @@
 <p><strong>Remarks</strong>:</p>
 <p>Th' locat'n be mandatory due t' Hugo&rsquo;s theme ship builder.</p>
 <h3 id="preview-imagesscreenshotpng">Preview <code>images/screenshot.png</code></h3>
-<p><a href="#image-5db457cb1b192dc19006325efb521cc2" class="lightbox-link"><img src="../../../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-5db457cb1b192dc19006325efb521cc2"><img src="../../../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-bad29cdb89372737336c035b29e60993" class="lightbox-link"><img src="../../../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-bad29cdb89372737336c035b29e60993"><img src="../../../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="hero-image">Hero Image</h2>
 <p><strong>Rrrambl'n</strong>:</p>
 <p>Show th' <a href="#demo-screenshot">Demo Screenshot</a> plank on different devices an' different themes. Composit'n o' th' different device screenshots into a template.</p>
@@ -185,11 +186,11 @@
 <p><strong>Remarks</strong>:</p>
 <p>Th' locat'n o' <code>images/tn.png</code> be mandatory due t' Hugo&rsquo;s theme ship builder.</p>
 <h3 id="preview-imagesheropng">Preview <code>images/hero.png</code></h3>
-<p><a href="#image-227710e15536f4c060f8cfd9cc9dd2cd" class="lightbox-link"><img src="../../../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-227710e15536f4c060f8cfd9cc9dd2cd"><img src="../../../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-d867345238ba99b8fe63bb7a0bf683cf" class="lightbox-link"><img src="../../../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-d867345238ba99b8fe63bb7a0bf683cf"><img src="../../../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h3 id="preview-imagestnpng">Preview <code>images/tn.png</code></h3>
-<p><a href="#image-ec4fbc54523937569611a96a91abdb8e" class="lightbox-link"><img src="../../../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-ec4fbc54523937569611a96a91abdb8e"><img src="../../../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-4fc5f8fab85b7d2ce0724547a701b504" class="lightbox-link"><img src="../../../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-4fc5f8fab85b7d2ce0724547a701b504"><img src="../../../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
 
             <footer class="footline">
@@ -278,12 +279,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1694553677" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1694553677" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694553677" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1694553677" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1694553677" defer></script>
-        <script src="../../../js/search.js?1694553677" defer></script>
+        <script src="../../../js/auto-complete.js?1694640601" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1694640601" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694640601" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1694640601" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1694640601" defer></script>
+        <script src="../../../js/search.js?1694640601" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -418,8 +419,12 @@
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -427,27 +432,25 @@
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1694553677"></script>
+          <script async src="../../../js/github-buttons.js?1694640601"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1694553677" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1694553677" defer></script>
-    <script src="../../../js/theme.js?1694553677" defer></script>
+    <script src="../../../js/clipboard.min.js?1694640601" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694640601" defer></script>
+    <script src="../../../js/theme.js?1694640601" defer></script>
   </body>
 </html>
diff --git a/pir/dev/screenshots/index.print.html b/pir/dev/screenshots/index.print.html
index e4af8277f8..f91b48f2e8 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1694553677" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1694553677" rel="stylesheet">
-    <link href="../../../css/fonts.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1694553677" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1694553677" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1694553677" rel="stylesheet">
-    <link href="../../../css/print.css?1694553677" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1694553677" rel="stylesheet">
-    <link href="../../../css/ie.css?1694553677" rel="stylesheet">
-    <script src="../../../js/url.js?1694553677"></script>
-    <script src="../../../js/variant.js?1694553677"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694640601" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694640601" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694640601" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694640601" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694640601" rel="stylesheet">
+    <link href="../../../css/print.css?1694640601" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1694640601" rel="stylesheet">
+    <link href="../../../css/ie.css?1694640601" rel="stylesheet">
+    <script src="../../../js/url.js?1694640601"></script>
+    <script src="../../../js/variant.js?1694640601"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -52,23 +52,23 @@
   </head>
   <body class="mobile-support print disableInlineCopyToClipboard" data-url="../../../pir/dev/screenshots/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/dev/index.html"><span itemprop="name">Development</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Scrrrenshots</span><meta itemprop="position" content="3"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
           </div>
         </div>
       </nav>
@@ -111,8 +111,8 @@
 <p><strong>Remarks</strong>:</p>
 <p>Th' locat'n be mandatory due t' Hugo&rsquo;s theme ship builder.</p>
 <h3 id="preview-imagesscreenshotpng">Preview <code>images/screenshot.png</code></h3>
-<p><a href="#image-5db457cb1b192dc19006325efb521cc2" class="lightbox-link"><img src="../../../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-5db457cb1b192dc19006325efb521cc2"><img src="../../../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-bad29cdb89372737336c035b29e60993" class="lightbox-link"><img src="../../../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-bad29cdb89372737336c035b29e60993"><img src="../../../images/screenshot.png?width=100%25&amp;height=100%25" alt="Screenshot" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="hero-image">Hero Image</h2>
 <p><strong>Rrrambl'n</strong>:</p>
 <p>Show th' <a href="#demo-screenshot">Demo Screenshot</a> plank on different devices an' different themes. Composit'n o' th' different device screenshots into a template.</p>
@@ -141,11 +141,11 @@
 <p><strong>Remarks</strong>:</p>
 <p>Th' locat'n o' <code>images/tn.png</code> be mandatory due t' Hugo&rsquo;s theme ship builder.</p>
 <h3 id="preview-imagesheropng">Preview <code>images/hero.png</code></h3>
-<p><a href="#image-227710e15536f4c060f8cfd9cc9dd2cd" class="lightbox-link"><img src="../../../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-227710e15536f4c060f8cfd9cc9dd2cd"><img src="../../../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-d867345238ba99b8fe63bb7a0bf683cf" class="lightbox-link"><img src="../../../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-d867345238ba99b8fe63bb7a0bf683cf"><img src="../../../images/hero.png?width=100%25&amp;height=100%25" alt="Hero" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h3 id="preview-imagestnpng">Preview <code>images/tn.png</code></h3>
-<p><a href="#image-ec4fbc54523937569611a96a91abdb8e" class="lightbox-link"><img src="../../../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-ec4fbc54523937569611a96a91abdb8e"><img src="../../../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-4fc5f8fab85b7d2ce0724547a701b504" class="lightbox-link"><img src="../../../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="figure-image bg-white border lightbox noshadow" style="height: 100%; width: 100%;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-4fc5f8fab85b7d2ce0724547a701b504"><img src="../../../images/tn.png?width=100%25&amp;height=100%25" alt="tn" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
 
             <footer class="footline">
@@ -156,8 +156,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1694553678" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1694553678" defer></script>
-    <script src="../../../js/theme.js?1694553678" defer></script>
+    <script src="../../../js/clipboard.min.js?1694640602" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694640602" defer></script>
+    <script src="../../../js/theme.js?1694640602" defer></script>
   </body>
 </html>
diff --git a/pir/index.html b/pir/index.html
index 56a3663e29..4646e04d46 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../js/url.js?1694553675"></script>
-    <script src="../js/variant.js?1694553675"></script>
+    <link href="../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../js/url.js?1694640598"></script>
+    <script src="../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -52,49 +52,23 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../pir/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <a href="../pir/basics/index.html" title="Basics (🡐)">
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-prev">
-              <span>
-                <i class="fa-fw fas fa-chevron-left"></i>
-              </span>
-            </div>
-            <div class="topbar-button topbar-print">
-              <a href="../pir/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
-                <i class="fa-fw fas fa-print"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-edit">
-              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/_index.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
-                <i class="fa-fw fas fa-pen"></i>
-              </a>
-            </div>
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
+            <div id="sidebar-overlay"></div>
             <div class="topbar-button topbar-toc">
               <button onclick="showToc()" type="button" title="Table o&#39; Contents (CTRL&#43;ALT&#43;t)">
                 <i class="fa-fw fas fa-list-alt"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span><meta itemprop="position" content="1"></li>
-            </ol>
-          </div>
-          <div class="default-animation progress">
-            <div class="toc-wrapper">
+            <div class="default-animation progress">
+              <div class="toc-wrapper">
 <nav id="TableOfContents">
   <ul>
     <li><a href="#motivation">Motivat'n</a></li>
@@ -105,6 +79,33 @@
     <li><a href="#credits">Credits</a></li>
   </ul>
 </nav>
+              </div>
+            </div>
+            <div id="toc-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span><meta itemprop="position" content="1"></li>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-edit">
+              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/_index.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+                <i class="fa-fw fas fa-pen"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-print">
+              <a href="../pir/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
+                <i class="fa-fw fas fa-print"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-prev">
+              <span>
+                <i class="fa-fw fas fa-chevron-left"></i>
+              </span>
+            </div>
+            <div class="topbar-button topbar-next">
+              <a href="../pir/basics/index.html" title="Basics (🡐)">
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </a>
             </div>
           </div>
         </div>
@@ -126,8 +127,8 @@
 </div>
 <p>A theme fer <a href="https://gohugo.io/" target="_blank">Cap'n Hugo</a> designed fer documentat'n.</p>
 <p><a href="../basics/migration/">★ What&rsquo;s new 'n th' latest release ★</a></p>
-<p><a href="#image-66d6c870b9d1b7882c8c6062466f9455" class="lightbox-link"><img src="../images/hero.png?width=100%25&amp;height=100%25" alt="Image o' th' Relearrrn theme 'n light an' dark mode on phone, tablet an' desktop" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-66d6c870b9d1b7882c8c6062466f9455"><img src="../images/hero.png?width=100%25&amp;height=100%25" alt="Image o' th' Relearrrn theme 'n light an' dark mode on phone, tablet an' desktop" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-7bb83405042fc29c2527aa7b6843dee7" class="lightbox-link"><img src="../images/hero.png?width=100%25&amp;height=100%25" alt="Image o' th' Relearrrn theme 'n light an' dark mode on phone, tablet an' desktop" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-7bb83405042fc29c2527aa7b6843dee7"><img src="../images/hero.png?width=100%25&amp;height=100%25" alt="Image o' th' Relearrrn theme 'n light an' dark mode on phone, tablet an' desktop" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="motivation">Motivat'n</h2>
 <p>Th' theme be a fork o' th' great <a href="https://github.com/matcornic/hugo-theme-learn" target="_blank">Learrrn theme</a> wit' th' aim o' fix'n long outstand'n bugs an' adept'n t' latest Cap'n Hugo features. As far as poss'ble this theme tries t' be a drop-in replacement fer th' Learrrn theme.</p>
 <h2 id="features">Features</h2>
@@ -301,12 +302,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1694553676" defer></script>
-        <script src="../js/lunr/lunr.min.js?1694553676" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1694553676" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1694553676" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1694553676" defer></script>
-        <script src="../js/search.js?1694553676" defer></script>
+        <script src="../js/auto-complete.js?1694640600" defer></script>
+        <script src="../js/lunr/lunr.min.js?1694640600" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1694640600" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1694640600" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1694640600" defer></script>
+        <script src="../js/search.js?1694640600" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -437,8 +438,12 @@
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -446,27 +451,25 @@
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../js/github-buttons.js?1694553676"></script>
+          <script async src="../js/github-buttons.js?1694640600"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1694553676" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1694553676" defer></script>
-    <script src="../js/theme.js?1694553676" defer></script>
+    <script src="../js/clipboard.min.js?1694640600" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1694640600" defer></script>
+    <script src="../js/theme.js?1694640600" defer></script>
   </body>
 </html>
diff --git a/pir/index.print.html b/pir/index.print.html
index a919adf133..86010fd301 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1694553677" rel="stylesheet">
-    <link href="../css/auto-complete.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1694553677" rel="stylesheet">
-    <link href="../css/fonts.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1694553677" rel="stylesheet">
-    <link href="../css/theme-auto.css?1694553677" rel="stylesheet" id="variant-style">
-    <link href="../css/variant.css?1694553677" rel="stylesheet">
-    <link href="../css/print.css?1694553677" rel="stylesheet" media="print">
-    <link href="../css/format-print.css?1694553677" rel="stylesheet">
-    <link href="../css/ie.css?1694553677" rel="stylesheet">
-    <script src="../js/url.js?1694553677"></script>
-    <script src="../js/variant.js?1694553677"></script>
+    <link href="../css/fontawesome-all.min.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1694640601" rel="stylesheet">
+    <link href="../css/auto-complete.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1694640601" rel="stylesheet">
+    <link href="../css/fonts.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1694640601" rel="stylesheet">
+    <link href="../css/theme-auto.css?1694640601" rel="stylesheet" id="variant-style">
+    <link href="../css/variant.css?1694640601" rel="stylesheet">
+    <link href="../css/print.css?1694640601" rel="stylesheet" media="print">
+    <link href="../css/format-print.css?1694640601" rel="stylesheet">
+    <link href="../css/ie.css?1694640601" rel="stylesheet">
+    <script src="../js/url.js?1694640601"></script>
+    <script src="../js/variant.js?1694640601"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -53,21 +53,21 @@
   </head>
   <body class="mobile-support print disableInlineCopyToClipboard" data-url="../pir/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span><meta itemprop="position" content="1"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
           </div>
         </div>
       </nav>
@@ -88,8 +88,8 @@
 </div>
 <p>A theme fer <a href="https://gohugo.io/" target="_blank">Cap'n Hugo</a> designed fer documentat'n.</p>
 <p><a href="../basics/migration/">★ What&rsquo;s new 'n th' latest release ★</a></p>
-<p><a href="#image-66d6c870b9d1b7882c8c6062466f9455" class="lightbox-link"><img src="../images/hero.png?width=100%25&amp;height=100%25" alt="Image o' th' Relearrrn theme 'n light an' dark mode on phone, tablet an' desktop" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-66d6c870b9d1b7882c8c6062466f9455"><img src="../images/hero.png?width=100%25&amp;height=100%25" alt="Image o' th' Relearrrn theme 'n light an' dark mode on phone, tablet an' desktop" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-7bb83405042fc29c2527aa7b6843dee7" class="lightbox-link"><img src="../images/hero.png?width=100%25&amp;height=100%25" alt="Image o' th' Relearrrn theme 'n light an' dark mode on phone, tablet an' desktop" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-7bb83405042fc29c2527aa7b6843dee7"><img src="../images/hero.png?width=100%25&amp;height=100%25" alt="Image o' th' Relearrrn theme 'n light an' dark mode on phone, tablet an' desktop" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="motivation">Motivat'n</h2>
 <p>Th' theme be a fork o' th' great <a href="https://github.com/matcornic/hugo-theme-learn" target="_blank">Learrrn theme</a> wit' th' aim o' fix'n long outstand'n bugs an' adept'n t' latest Cap'n Hugo features. As far as poss'ble this theme tries t' be a drop-in replacement fer th' Learrrn theme.</p>
 <h2 id="features">Features</h2>
@@ -960,8 +960,8 @@
 
 <p>Thanks t' th' simplicity o' Cap'n Hugo, this plank be as empty as this theme needs requirements.</p>
 <p>Just download at least version <span class="badge cstyle default badge-with-title"><span class="badge-title"><i class="fab fa-hackerrank"></i></span><span class="badge-content" style="background-color: fuchsia;">0.95.0</span></span> o' th' <a href="https://gohugo.io/getting-started/installing/" target="_blank">Cap'n Hugo binary</a> fer yer OS (Windows, Linux, Mac).</p>
-<p><a href="#image-5486233ca0ad867abff4d4e362d204cb" class="lightbox-link"><img src="../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-5486233ca0ad867abff4d4e362d204cb"><img src="../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-2808a7ec99b93154d28ccf0079408bc4" class="lightbox-link"><img src="../basics/requirements/magic.gif" alt="Magic" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-2808a7ec99b93154d28ccf0079408bc4"><img src="../basics/requirements/magic.gif" alt="Magic" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
 
             <footer class="footline">
@@ -1006,8 +1006,8 @@
 </span></span><span class="line"><span class="cl"><span class="gh"># Basics
 </span></span></span><span class="line"><span class="cl"><span class="gh"></span>
 </span></span><span class="line"><span class="cl">Discover what this Cap'n Hugo theme be all about an' th' core concepts behind it.</span></span></code></pre></div><p>renders as</p>
-<p><a href="#image-ef895d8ae14a1e781d746d700b1243e1" class="lightbox-link"><img src="../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-ef895d8ae14a1e781d746d700b1243e1"><img src="../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-343826b9cb2af67f80642e07f9f41b6d" class="lightbox-link"><img src="../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-343826b9cb2af67f80642e07f9f41b6d"><img src="../basics/installation/chapter.png?width=60pc" alt="A Chapter" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>Th' Relearrrn theme provides archetypes t' create skeletons fer yer website. Begin by creat'n yer first chapter plank wit' th' follow'n command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter basics/_index.md</span></span></code></pre></div><p>By open'n th' given file, ye should see th' property <code>chapter=true</code> on top, mean'n this plank be a <em>chapter</em>.</p>
 <p>By default all chapters an' planks be created as a draft. If ye want t' render these planks, remove th' property <code>draft: true</code> from th' metadata.</p>
@@ -1163,8 +1163,8 @@
 <p>Ye can add a dedicated search plank fer yer plank by add'n th' <code>SEARCHPAGE</code> outputformat t' yer home plank by add'n th' follow'n lines 'n yer <code>config.toml</code> file.</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputs</span><span class="p">]</span>
 </span></span><span class="line"><span class="cl">  <span class="nx">home</span> <span class="p">=</span> <span class="p">[</span><span class="s2">&#34;HTML&#34;</span><span class="p">,</span> <span class="s2">&#34;RSS&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCH&#34;</span><span class="p">,</span> <span class="s2">&#34;SEARCHPAGE&#34;</span><span class="p">]</span></span></span></code></pre></div><p>Ye can access this plank by either click'n on th' magnifier glass or by typ'n some search term an' press'n <code>ENTER</code> inside o' th' menu&rsquo;s search box .</p>
-<p><a href="#image-84a8e787901230e3f9cf71e02d3849cf" class="lightbox-link"><img src="../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-84a8e787901230e3f9cf71e02d3849cf"><img src="../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-366e3951c215d381a8840cb4ed7cf78e" class="lightbox-link"><img src="../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-366e3951c215d381a8840cb4ed7cf78e"><img src="../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="activate-print-support">Activate print support</h2>
 <p>Ye can activate print support t' add th' capability t' print whole chapters or even th' complete ship. Just add th' <code>PRINT</code> output format t' yer home, section an' plank 'n yer <code>config.toml</code> as seen below:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="p">[</span><span class="nx">outputs</span><span class="p">]</span>
@@ -1209,8 +1209,8 @@ appearance, ye will have t' configure two parameters fer th' defined languages:<
 </span></span><span class="line"><span class="cl"><span class="p">...</span></span></span></code></pre></div><p>If those params be not configured fer a specific language, they will get their
 default values:</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">landingPageName</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fas fa-home&#39;&gt;&lt;/i&gt; Home&#34;</span></span></span></code></pre></div><p>Th' home button be go'n t' look like this:</p>
-<p><a href="#image-8d29f2aca1e190bc6b3eec6532d53ceb" class="lightbox-link"><img src="../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-8d29f2aca1e190bc6b3eec6532d53ceb"><img src="../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-28ce80d6578349c6db81424247a3045c" class="lightbox-link"><img src="../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-28ce80d6578349c6db81424247a3045c"><img src="../basics/configuration/home_button_defaults.png?width=18.75rem" alt="Default Home Button" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
 
             <footer class="footline">
@@ -1335,13 +1335,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-71c2e2718b5dcd64dedd6bb75587fcb3" aria-controls="expandcontent-71c2e2718b5dcd64dedd6bb75587fcb3" >
-    <label class="expand-label" for="expand-71c2e2718b5dcd64dedd6bb75587fcb3" >
+    <input type="checkbox" id="expand-36a175a16a1b6340e7ccf842d2e17c1c" aria-controls="expandcontent-36a175a16a1b6340e7ccf842d2e17c1c" >
+    <label class="expand-label" for="expand-36a175a16a1b6340e7ccf842d2e17c1c" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Show usage instruct'ns
     </label>
-    <div id="expandcontent-71c2e2718b5dcd64dedd6bb75587fcb3" class="expand-content">
+    <div id="expandcontent-36a175a16a1b6340e7ccf842d2e17c1c" 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>
@@ -2721,8 +2721,8 @@ window.variants && variants.generator( '#vargenerator' );
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="err">+++</span>
 </span></span><span class="line"><span class="cl"><span class="nx">title</span> <span class="p">=</span> <span class="s2">&#34;GitHub repo&#34;</span>
 </span></span><span class="line"><span class="cl"><span class="nx">menuPre</span> <span class="p">=</span> <span class="s2">&#34;&lt;i class=&#39;fab fa-github&#39;&gt;&lt;/i&gt; &#34;</span>
-</span></span><span class="line"><span class="cl"><span class="err">+++</span></span></span></code></pre></div><p><a href="#image-cfaac0587938c7dee22edc72e08cade8" class="lightbox-link"><img src="../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title wit' icon" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-cfaac0587938c7dee22edc72e08cade8"><img src="../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title wit' icon" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+</span></span><span class="line"><span class="cl"><span class="err">+++</span></span></span></code></pre></div><p><a href="#image-a901634d7ff30d6e1714e8cb964d7092" class="lightbox-link"><img src="../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title wit' icon" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-a901634d7ff30d6e1714e8cb964d7092"><img src="../cont/pages/frontmatter-icon.png?width=18.75rem" alt="Title wit' icon" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h3 id="ordering-sibling-menupage-entries">Order'n sibl'n menu/page entries</h3>
 <p>Cap'n Hugo provides a <a href="https://gohugo.io/content/ordering/" target="_blank">flex'ble way</a> t' handle order fer yer planks.</p>
 <p>Th' simplest way be t' set <code>weight</code> parameter t' a number.</p>
@@ -2767,8 +2767,8 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
 <h2 id="predefined-archetypes">Predefined Archetypes</h2>
 <h3 id="archetypes-home">Home</h3>
 <p>A <strong>Home</strong> plank be th' start'n plank o' yer project. It&rsquo;s best t' have only one plank o' this kind 'n yer project.</p>
-<p><a href="#image-4920bbd6da89bc0cfd62285efee99e97" class="lightbox-link"><img src="../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-4920bbd6da89bc0cfd62285efee99e97"><img src="../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-58185ccb2b98e9536def0d31e3480bea" class="lightbox-link"><img src="../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-58185ccb2b98e9536def0d31e3480bea"><img src="../cont/archetypes/pages-home.png?width=60pc" alt="Home page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>T' create a home plank, run th' follow'n command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind home _index.md</span></span></code></pre></div><p>This leads t' a file wit' th' follow'n rrrambl'n</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">+++
@@ -2778,8 +2778,8 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
 </span></span><span class="line"><span class="cl">
 </span></span><span class="line"><span class="cl">Lorem Ipsum.</span></span></code></pre></div><h3 id="archetypes-chapter">Chapter</h3>
 <p>A <strong>Chapter</strong> displays a plank meant t' be used as introduct'n fer a set o' child planks. Commonly, it contains a simple title an' a catch line t' define rrrambl'n that can be found below it.</p>
-<p><a href="#image-1ad4afc370b7701bb3c2308a988e0a86" class="lightbox-link"><img src="../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-1ad4afc370b7701bb3c2308a988e0a86"><img src="../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-b3299a1e43f7fe0254800197cefcf56f" class="lightbox-link"><img src="../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-b3299a1e43f7fe0254800197cefcf56f"><img src="../cont/archetypes/pages-chapter.png?width=60pc" alt="Chapter page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>T' create a chapter plank, run th' follow'n command</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new --kind chapter &lt;name&gt;/_index.md</span></span></code></pre></div><p>This leads t' a file wit' th' follow'n rrrambl'n</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">+++
@@ -2791,8 +2791,8 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
 </span></span><span class="line"><span class="cl">Lorem Ipsum.</span></span></code></pre></div><p>Replace th' <code>X</code> wit' a number. Because this number will be used t' generate th' subtitle o' th' chapter plank, set th' number t' a consecutive value start'n at 1 fer each new chapter level.</p>
 <h3 id="archetypes-default">Default</h3>
 <p>A <strong>Default</strong> plank be any other rrrambl'n plank. If ye set an unknown archetype 'n yer frontmatter, this archetype will be used t' generate th' plank.</p>
-<p><a href="#image-d84d26df92bfe80bd54ecd9d803b0486" class="lightbox-link"><img src="../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-d84d26df92bfe80bd54ecd9d803b0486"><img src="../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-68a15d68dee666a5d0e16d2089e0afda" class="lightbox-link"><img src="../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-68a15d68dee666a5d0e16d2089e0afda"><img src="../cont/archetypes/pages-default.png?width=60pc" alt="Default page" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <p>T' create a default plank, run either one o' th' follow'n commands</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new &lt;chapter&gt;/&lt;name&gt;/_index.md</span></span></code></pre></div><p>or</p>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl">hugo new &lt;chapter&gt;/&lt;name&gt;.md</span></span></code></pre></div><p>This leads t' a file wit' th' follow'n rrrambl'n</p>
@@ -3365,8 +3365,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-cc8a7657c42dab596287c84a244660c6" class="lightbox-link"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-cc8a7657c42dab596287c84a244660c6"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-8e6f2dcb080c9bf7285aa5fb39cfe058" class="lightbox-link"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-8e6f2dcb080c9bf7285aa5fb39cfe058"><img src="https://octodex.github.com/images/spocktocat.png?width=20vw" alt="Spock" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-with-tooltip">Image wit' Tooltip</h3>
@@ -3376,8 +3376,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-a0ed9c55677ae1db0ca6838f1e4f13da" class="lightbox-link"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-a0ed9c55677ae1db0ca6838f1e4f13da"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-00c90e3f07841f1033d17319071b1adc" class="lightbox-link"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-00c90e3f07841f1033d17319071b1adc"><img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-references">Image References</h3>
@@ -3389,8 +3389,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-2d51afb3f041fc217f2e7adc5e8a9ae8" class="lightbox-link"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-2d51afb3f041fc217f2e7adc5e8a9ae8"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-03cd9f50f1b2489de6784219d235af6b" class="lightbox-link"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-03cd9f50f1b2489de6784219d235af6b"><img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h3 id="image-effects">Image Effects</h3>
@@ -3402,8 +3402,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-e57592f1f606301c54c7398a177ad216" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-e57592f1f606301c54c7398a177ad216"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-769c4580733525c428b40b67e64f2885" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-769c4580733525c428b40b67e64f2885"><img src="https://octodex.github.com/images/minion.png?width=20vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">Minion</span>](<span class="na">https://octodex.github.com/images/minion.png?height=50px</span>)</span></span></code></pre></div>
@@ -3411,8 +3411,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-116ab8d9b66ced014e8919270d077e83" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: auto;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-116ab8d9b66ced014e8919270d077e83"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-adc13996e9ede9672d9d4e30809c7163" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: auto;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-adc13996e9ede9672d9d4e30809c7163"><img src="https://octodex.github.com/images/minion.png?height=50px" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">Minion</span>](<span class="na">https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw</span>)</span></span></code></pre></div>
@@ -3420,8 +3420,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-fabb135ed445b3fe5a35d616ec0716fe" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: 40vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-fabb135ed445b3fe5a35d616ec0716fe"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-59c77bc80a53b1ab0b24f3234cbeda77" class="lightbox-link"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="figure-image bg-white border lightbox noshadow" style="height: 50px; width: 40vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-59c77bc80a53b1ab0b24f3234cbeda77"><img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw" alt="Minion" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h4 id="css-classes">CSS Classes</h4>
@@ -3432,8 +3432,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-54e116f6dcec011937d7b42e0b8dcf31" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="figure-image bg-white border lightbox noborder shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-54e116f6dcec011937d7b42e0b8dcf31"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="lightbox-image bg-white border lightbox noborder shadow" loading="lazy"></a></p>
+<p><a href="#image-c192645b630653a44fe34da3ffc5250f" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="figure-image bg-white border lightbox noborder shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-c192645b630653a44fe34da3ffc5250f"><img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,noborder" alt="Spidertocat" class="lightbox-image bg-white border lightbox noborder shadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="border">Border</h5>
@@ -3442,8 +3442,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-de4b81ec141a35b70521af02e7aa7b01" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="figure-image bg-white border lightbox noshadow noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-de4b81ec141a35b70521af02e7aa7b01"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="lightbox-image bg-white border lightbox noshadow noshadow" loading="lazy"></a></p>
+<p><a href="#image-7915235bccd420c7c3db9faec7b9e587" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="figure-image bg-white border lightbox noshadow noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-7915235bccd420c7c3db9faec7b9e587"><img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border,noshadow" alt="DrOctocat" class="lightbox-image bg-white border lightbox noshadow noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="left">Left</h5>
@@ -3452,8 +3452,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-0455fb02085ef67079d3139de1fdcbb1" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="figure-image bg-white border left lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-0455fb02085ef67079d3139de1fdcbb1"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image bg-white border left lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-597af270f6b7091b5a413579a623af92" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="figure-image bg-white border left lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-597af270f6b7091b5a413579a623af92"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image bg-white border left lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="right">Right</h5>
@@ -3462,8 +3462,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-b9f7021c4bd5cf95c3f8f73acb8f10d3" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="figure-image bg-white border lightbox right noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-b9f7021c4bd5cf95c3f8f73acb8f10d3"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image bg-white border lightbox right noshadow" loading="lazy"></a></p>
+<p><a href="#image-9ac6efdcf755ab62a496b3c1047a547c" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="figure-image bg-white border lightbox right noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-9ac6efdcf755ab62a496b3c1047a547c"><img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image bg-white border lightbox right noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="inline">Inline</h5>
@@ -3475,14 +3475,14 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-f2d9cedd7295d5a1dce3dcb26de00a33" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-f2d9cedd7295d5a1dce3dcb26de00a33"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#image-0c9ac65dbd938588119b83f6a421d107" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-0c9ac65dbd938588119b83f6a421d107"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#image-2f54f3e5b43947d30f995074f0007cba" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-2f54f3e5b43947d30f995074f0007cba"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
-<a href="#image-b37da10494ee19ff2e626a8c422bdb46" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-b37da10494ee19ff2e626a8c422bdb46"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-6192ffab4402e6ecc8687d27d9e3ff80" class="lightbox-link"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-6192ffab4402e6ecc8687d27d9e3ff80"><img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline" alt="Spidertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#image-5c08b581eca24d0b89606dfa341500b3" class="lightbox-link"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-5c08b581eca24d0b89606dfa341500b3"><img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#image-5f991c4602a56613914e9e58747a04fb" class="lightbox-link"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-5f991c4602a56613914e9e58747a04fb"><img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a>
+<a href="#image-94d66fecf5498a3e5daff890af9dad88" class="lightbox-link"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="figure-image bg-white border inline lightbox noshadow" style="height: auto; width: 10vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-94d66fecf5498a3e5daff890af9dad88"><img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image bg-white border inline lightbox noshadow" loading="lazy"></a></p>
 </div>
 </div>
 <h5 id="combination">Combinat'n</h5>
@@ -3491,8 +3491,8 @@ line 3 o' code
   <div class="box-label"><i class="fa-fw fas fa-eye"></i> Result</div>
   <div class="box-content">
 
-<p><a href="#image-dc05606c4a94c0265edb9e50cd554563" class="lightbox-link"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="figure-image bg-white border left lightbox shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-dc05606c4a94c0265edb9e50cd554563"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image bg-white border left lightbox shadow" loading="lazy"></a></p>
+<p><a href="#image-4875a1a3c771b07fc04a3268be37011e" class="lightbox-link"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="figure-image bg-white border left lightbox shadow" style="height: auto; width: 20vw;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-4875a1a3c771b07fc04a3268be37011e"><img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image bg-white border left lightbox shadow" loading="lazy"></a></p>
 </div>
 </div>
 <h4 id="lightbox">Lightbox</h4>
@@ -3534,13 +3534,13 @@ line 3 o' code
 <p>Without any sett'ns 'n yer <code>config.toml</code> this defaults t'</p>
 
   
-<div class="tab-panel" data-tab-group="ab451b83847d2aeefc6028cffec2cfcd">
+<div class="tab-panel" data-tab-group="3924577bb24e6be0e3cbebab575f400f">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="configtoml"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('ab451b83847d2aeefc6028cffec2cfcd','configtoml')"
+      onclick="switchTab('3924577bb24e6be0e3cbebab575f400f','configtoml')"
     >
       <div>
         <div class="tab-nav-hidden">config.toml</div>
@@ -3564,13 +3564,13 @@ line 3 o' code
 </div><p>This can be overridden 'n a planks frontmatter by eg.</p>
 
   
-<div class="tab-panel" data-tab-group="67eb4be2437ce40e8de7116b97590cc8">
+<div class="tab-panel" data-tab-group="4df1736cdf1931e2038021952c9dc734">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="frontmatter"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('67eb4be2437ce40e8de7116b97590cc8','frontmatter')"
+      onclick="switchTab('4df1736cdf1931e2038021952c9dc734','frontmatter')"
     >
       <div>
         <div class="tab-nav-hidden">frontmatter</div>
@@ -3593,13 +3593,13 @@ line 3 o' code
 </div><p>Or by explicitly override sett'ns by URL query parameter</p>
 
   
-<div class="tab-panel" data-tab-group="74be1da8bab2b2c2320a8b57474633d1">
+<div class="tab-panel" data-tab-group="ac3cff4138b9fa218480951b75d31dbc">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="url"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('74be1da8bab2b2c2320a8b57474633d1','url')"
+      onclick="switchTab('ac3cff4138b9fa218480951b75d31dbc','url')"
     >
       <div>
         <div class="tab-nav-hidden">URL</div>
@@ -3619,13 +3619,13 @@ line 3 o' code
 </div><p>Th' sett'ns applied t' th' above image would be</p>
 
   
-<div class="tab-panel" data-tab-group="7780a8556c444f97fce186f13f75257b">
+<div class="tab-panel" data-tab-group="86a297b3b88eaf7d97346b0cea9ce548">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="result"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('7780a8556c444f97fce186f13f75257b','result')"
+      onclick="switchTab('86a297b3b88eaf7d97346b0cea9ce548','result')"
     >
       <div>
         <div class="tab-nav-hidden">Result</div>
@@ -3648,13 +3648,13 @@ line 3 o' code
 </div><p>This ends up 'n th' follow'n HTML whar' th' parameter be converted t' CSS classes.</p>
 
   
-<div class="tab-panel" data-tab-group="faf6a849b854fea1c71c4372cc1e81ad">
+<div class="tab-panel" data-tab-group="82587f4bdd8433a8142ed00707419250">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="html"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('faf6a849b854fea1c71c4372cc1e81ad','html')"
+      onclick="switchTab('82587f4bdd8433a8142ed00707419250','html')"
     >
       <div>
         <div class="tab-nav-hidden">HTML</div>
@@ -3835,8 +3835,8 @@ However, if ye want t' keep th' title but change its value, it can be overridden
 <li>Automatic menu generat'n from multilingual rrrambl'n</li>
 <li>In-browser language switch'n</li>
 </ul>
-<p><a href="#image-428bd5004e76f1b49258d4b2dd5fdbca" class="lightbox-link"><img src="../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-428bd5004e76f1b49258d4b2dd5fdbca"><img src="../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-2216167028174ab1e6353994fa584efc" class="lightbox-link"><img src="../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 18.75rem;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-2216167028174ab1e6353994fa584efc"><img src="../cont/i18n/i18n-menu.gif?width=18.75rem" alt="I18n menu" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="basic-configuration">Basic configurat'n</h2>
 <p>Aft learn'n <a href="https://gohugo.io/content-management/multilingual" target="_blank">how Cap'n Hugo handle multilingual websites</a>, define yer languages 'n yer <code>config.toml</code> file.</p>
 <p>For example wit' current English an' Piratized English website.</p>
@@ -5268,13 +5268,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-eadc263e5b3af6f99531b8217ab7bc60" aria-controls="expandcontent-eadc263e5b3af6f99531b8217ab7bc60" >
-    <label class="expand-label" for="expand-eadc263e5b3af6f99531b8217ab7bc60" >
+    <input type="checkbox" id="expand-0773755b5d02bc2abf195deaa9b60279" aria-controls="expandcontent-0773755b5d02bc2abf195deaa9b60279" >
+    <label class="expand-label" for="expand-0773755b5d02bc2abf195deaa9b60279" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-eadc263e5b3af6f99531b8217ab7bc60" class="expand-content">
+    <div id="expandcontent-0773755b5d02bc2abf195deaa9b60279" 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>
@@ -5401,26 +5401,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-278bd33c7236adcd4a43aeed3b42e1f7" aria-controls="expandcontent-278bd33c7236adcd4a43aeed3b42e1f7" >
-    <label class="expand-label" for="expand-278bd33c7236adcd4a43aeed3b42e1f7" >
+    <input type="checkbox" id="expand-87b8545fc8dd02c27ea8b9b1b2abaf36" aria-controls="expandcontent-87b8545fc8dd02c27ea8b9b1b2abaf36" >
+    <label class="expand-label" for="expand-87b8545fc8dd02c27ea8b9b1b2abaf36" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-278bd33c7236adcd4a43aeed3b42e1f7" class="expand-content">
+    <div id="expandcontent-87b8545fc8dd02c27ea8b9b1b2abaf36" 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-e16112edcc2712ddaaa03270a63cefa1" aria-controls="expandcontent-e16112edcc2712ddaaa03270a63cefa1"  checked>
-    <label class="expand-label" for="expand-e16112edcc2712ddaaa03270a63cefa1" >
+    <input type="checkbox" id="expand-d83e0a73221a776567f9fbcda8fa8f3c" aria-controls="expandcontent-d83e0a73221a776567f9fbcda8fa8f3c"  checked>
+    <label class="expand-label" for="expand-d83e0a73221a776567f9fbcda8fa8f3c" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-e16112edcc2712ddaaa03270a63cefa1" class="expand-content">
+    <div id="expandcontent-d83e0a73221a776567f9fbcda8fa8f3c" class="expand-content">
 <p>
 No need t' press ye!</div>
 </div>
@@ -5441,13 +5441,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-07b970505b709256ad045489cdd2c428" aria-controls="expandcontent-07b970505b709256ad045489cdd2c428" >
-    <label class="expand-label" for="expand-07b970505b709256ad045489cdd2c428" >
+    <input type="checkbox" id="expand-c4a6014835ed1cb5b57bb9a33dc86836" aria-controls="expandcontent-c4a6014835ed1cb5b57bb9a33dc86836" >
+    <label class="expand-label" for="expand-c4a6014835ed1cb5b57bb9a33dc86836" >
         <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-07b970505b709256ad045489cdd2c428" class="expand-content">
+    <div id="expandcontent-c4a6014835ed1cb5b57bb9a33dc86836" class="expand-content">
 
 <p>Ye can add standard markdown rules:</p>
 <ul>
@@ -5485,13 +5485,13 @@ No need t' press ye!</div>
 <p>Th' <code>highlight</code> shortcode renders yer code wit' a rules highlighter.</p>
 
   
-<div class="tab-panel" data-tab-group="1012da90088e2b0054d3d594430b3d92">
+<div class="tab-panel" data-tab-group="fd9fcd30549b83e8518e156e5ce9408e">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="python"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('1012da90088e2b0054d3d594430b3d92','python')"
+      onclick="switchTab('fd9fcd30549b83e8518e156e5ce9408e','python')"
     >
       <div>
         <div class="tab-nav-hidden">python</div>
@@ -5714,13 +5714,13 @@ No need t' press ye!</div>
 </span></span></span><span class="line"><span class="cl"><span class="gh"></span>print(&#34;Hello World!&#34;)
 </span></span><span class="line"><span class="cl">```</span></span></code></pre></div>
   
-<div class="tab-panel" data-tab-group="0b2e670392b4457afde2c7b5b093f554">
+<div class="tab-panel" data-tab-group="353f9be4d00d8e52955e8497138a8516">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="python"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('0b2e670392b4457afde2c7b5b093f554','python')"
+      onclick="switchTab('353f9be4d00d8e52955e8497138a8516','python')"
     >
       <div>
         <div class="tab-nav-hidden">python</div>
@@ -7285,7 +7285,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-2967f3be0759c3f7e1a15ffd2c47a9dc"
+    id="openapi-2acd99b2f2203465be78c17119273dbd"
     openapi-url="../shortcodes/openapi/petstore.json"
   ></div>
 </div>
@@ -7393,13 +7393,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="5761b8ab8b53134ef9568b712b91bdf5">
+<div class="tab-panel" data-tab-group="fb76e332005f136bc6ef09aa58293a41">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="configtoml"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('5761b8ab8b53134ef9568b712b91bdf5','configtoml')"
+      onclick="switchTab('fb76e332005f136bc6ef09aa58293a41','configtoml')"
     >
       <div>
         <div class="tab-nav-hidden">config.toml</div>
@@ -7437,13 +7437,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="6b89109facbd59f44bc55406b2d61f1d">
+<div class="tab-panel" data-tab-group="55b5a92e025c5c02f4578b2b628d7c93">
   <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('6b89109facbd59f44bc55406b2d61f1d','c')"
+      onclick="switchTab('55b5a92e025c5c02f4578b2b628d7c93','c')"
     >
       <div>
         <div class="tab-nav-hidden">c</div>
@@ -7557,13 +7557,13 @@ Electricity grid,H2 conversion,27.14
 </span></span></span><span class="line"><span class="cl"><span class="s">printf(&#34;Hello World!&#34;);
 </span></span></span><span class="line"><span class="cl"><span class="s">```</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="c450418b63cc71c256e67443c6513fe0">
+<div class="tab-panel" data-tab-group="a7db81fde6b576e655625e92509f1a39">
   <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('c450418b63cc71c256e67443c6513fe0','code')"
+      onclick="switchTab('a7db81fde6b576e655625e92509f1a39','code')"
     >
       <div>
         <div class="tab-nav-hidden">Code</div>
@@ -7588,13 +7588,13 @@ Electricity grid,H2 conversion,27.14
 </span></span></span><span class="line"><span class="cl"><span class="s">printf(&#34;Hello World!&#34;);
 </span></span></span><span class="line"><span class="cl"><span class="s">```</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="06024a96c719eec92c730a569fb2281b">
+<div class="tab-panel" data-tab-group="7bb61f6e65e60da7cfad9bcb1e8d0879">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="emstrongmixedstrongem"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('06024a96c719eec92c730a569fb2281b','emstrongmixedstrongem')"
+      onclick="switchTab('7bb61f6e65e60da7cfad9bcb1e8d0879','emstrongmixedstrongem')"
     >
       <div>
         <div class="tab-nav-hidden"><em><strong>Mixed</strong></em></div>
@@ -7642,13 +7642,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="7c57cf7c5ea8d88dbecee6bf122af492">
+<div class="tab-panel" data-tab-group="ac485a364ccc1ac3230d8b295ee25945">
   <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('7c57cf7c5ea8d88dbecee6bf122af492','just-colored-style')"
+      onclick="switchTab('ac485a364ccc1ac3230d8b295ee25945','just-colored-style')"
     >
       <div>
         <div class="tab-nav-hidden">just colored style</div>
@@ -7658,7 +7658,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('7c57cf7c5ea8d88dbecee6bf122af492','just-color')"
+      onclick="switchTab('ac485a364ccc1ac3230d8b295ee25945','just-color')"
     >
       <div>
         <div class="tab-nav-hidden">just color</div>
@@ -7668,7 +7668,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('7c57cf7c5ea8d88dbecee6bf122af492','default-style-and-color')"
+      onclick="switchTab('ac485a364ccc1ac3230d8b295ee25945','default-style-and-color')"
     >
       <div>
         <div class="tab-nav-hidden">default style an' color</div>
@@ -7678,7 +7678,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('7c57cf7c5ea8d88dbecee6bf122af492','just-severity-stylefa-fw-fas-fa-info-circle')"
+      onclick="switchTab('ac485a364ccc1ac3230d8b295ee25945','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>
@@ -7688,7 +7688,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('7c57cf7c5ea8d88dbecee6bf122af492','severity-style-and-colorfa-fw-fas-fa-info-circle')"
+      onclick="switchTab('ac485a364ccc1ac3230d8b295ee25945','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 an' color</div>
@@ -7761,13 +7761,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="87ae9ba6bd3ef895016567794c96b1dc">
+<div class="tab-panel" data-tab-group="bad26d6658363c3202297394ba893b90">
   <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('87ae9ba6bd3ef895016567794c96b1dc','py')"
+      onclick="switchTab('bad26d6658363c3202297394ba893b90','py')"
     >
       <div>
         <div class="tab-nav-hidden">py</div>
@@ -7777,7 +7777,7 @@ Electricity grid,H2 conversion,27.14
     <button
       data-tab-item="sh"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('87ae9ba6bd3ef895016567794c96b1dc','sh')"
+      onclick="switchTab('bad26d6658363c3202297394ba893b90','sh')"
     >
       <div>
         <div class="tab-nav-hidden">sh</div>
@@ -7787,7 +7787,7 @@ Electricity grid,H2 conversion,27.14
     <button
       data-tab-item="c"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('87ae9ba6bd3ef895016567794c96b1dc','c')"
+      onclick="switchTab('bad26d6658363c3202297394ba893b90','c')"
     >
       <div>
         <div class="tab-nav-hidden">c</div>
@@ -7944,13 +7944,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="33d25ad127b79a7011998da2302a504c">
+<div class="tab-panel" data-tab-group="ed02acb92a8b7a272e255eca638e292c">
   <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('33d25ad127b79a7011998da2302a504c','group-a-tab-view-1')"
+      onclick="switchTab('ed02acb92a8b7a272e255eca638e292c','group-a-tab-view-1')"
     >
       <div>
         <div class="tab-nav-hidden">Group A, Tab View 1</div>
@@ -7960,7 +7960,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('33d25ad127b79a7011998da2302a504c','group-a-tab-view-2')"
+      onclick="switchTab('ed02acb92a8b7a272e255eca638e292c','group-a-tab-view-2')"
     >
       <div>
         <div class="tab-nav-hidden">Group A, Tab View 2</div>
@@ -7970,7 +7970,7 @@ Electricity grid,H2 conversion,27.14
     <button
       data-tab-item="group-b"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('33d25ad127b79a7011998da2302a504c','group-b')"
+      onclick="switchTab('ed02acb92a8b7a272e255eca638e292c','group-b')"
     >
       <div>
         <div class="tab-nav-hidden">Group B</div>
@@ -8371,8 +8371,8 @@ Electricity grid,H2 conversion,27.14
         </div>
       </main>
     </div>
-    <script src="../js/clipboard.min.js?1694553678" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1694553678" defer></script>
+    <script src="../js/clipboard.min.js?1694640602" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1694640602" defer></script>
     <script>
       function useMathJax( config ){
         if( !Object.assign ){
@@ -8401,27 +8401,27 @@ Electricity grid,H2 conversion,27.14
       }
       useMathJax( JSON.parse("{}") );
     </script>
-    <script id="MathJax-script" async src="../js/mathjax/tex-mml-chtml.js?1694553678"></script>
-    <script src="../js/d3/d3-color.min.js?1694553678" defer></script>
-    <script src="../js/d3/d3-dispatch.min.js?1694553678" defer></script>
-    <script src="../js/d3/d3-drag.min.js?1694553678" defer></script>
-    <script src="../js/d3/d3-ease.min.js?1694553678" defer></script>
-    <script src="../js/d3/d3-interpolate.min.js?1694553678" defer></script>
-    <script src="../js/d3/d3-selection.min.js?1694553678" defer></script>
-    <script src="../js/d3/d3-timer.min.js?1694553678" defer></script>
-    <script src="../js/d3/d3-transition.min.js?1694553678" defer></script>
-    <script src="../js/d3/d3-zoom.min.js?1694553678" defer></script>
-    <script src="../js/js-yaml.min.js?1694553678" defer></script>
-    <script src="../js/mermaid.min.js?1694553678" defer></script>
+    <script id="MathJax-script" async src="../js/mathjax/tex-mml-chtml.js?1694640602"></script>
+    <script src="../js/d3/d3-color.min.js?1694640602" defer></script>
+    <script src="../js/d3/d3-dispatch.min.js?1694640602" defer></script>
+    <script src="../js/d3/d3-drag.min.js?1694640602" defer></script>
+    <script src="../js/d3/d3-ease.min.js?1694640602" defer></script>
+    <script src="../js/d3/d3-interpolate.min.js?1694640602" defer></script>
+    <script src="../js/d3/d3-selection.min.js?1694640602" defer></script>
+    <script src="../js/d3/d3-timer.min.js?1694640602" defer></script>
+    <script src="../js/d3/d3-transition.min.js?1694640602" defer></script>
+    <script src="../js/d3/d3-zoom.min.js?1694640602" defer></script>
+    <script src="../js/js-yaml.min.js?1694640602" defer></script>
+    <script src="../js/mermaid.min.js?1694640602" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
     <script>window.noZensmooth = true;</script>
-    <script src="../js/swagger-ui/swagger-ui-bundle.js?1694553678" defer></script>
-    <script src="../js/swagger-ui/swagger-ui-standalone-preset.js?1694553678" defer></script>
+    <script src="../js/swagger-ui/swagger-ui-bundle.js?1694640602" defer></script>
+    <script src="../js/swagger-ui/swagger-ui-standalone-preset.js?1694640602" defer></script>
     <script>
-      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1694553678", assetsBuster:  1694553678  };
+      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1694640602", assetsBuster:  1694640602  };
     </script>
-    <script src="../js/theme.js?1694553678" defer></script>
+    <script src="../js/theme.js?1694640602" defer></script>
   </body>
 </html>
diff --git a/pir/more/credits/index.html b/pir/more/credits/index.html
index 1d2a787390..fe1e1856ff 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../../../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../../../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../../../js/url.js?1694553675"></script>
-    <script src="../../../js/variant.js?1694553675"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../../../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../../../js/url.js?1694640598"></script>
+    <script src="../../../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -52,50 +52,23 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../../pir/more/credits/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <span>
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </span>
-            </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../../pir/index.html" title="Cap&#39;n Hugo Relearrrn Theme (🡒)">
-                <i class="fa-fw fas fa-chevron-left"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-print">
-              <a href="../../../pir/more/credits/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
-                <i class="fa-fw fas fa-print"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-edit">
-              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/more/credits/_index.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
-                <i class="fa-fw fas fa-pen"></i>
-              </a>
-            </div>
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
+            <div id="sidebar-overlay"></div>
             <div class="topbar-button topbar-toc">
               <button onclick="showToc()" type="button" title="Table o&#39; Contents (CTRL&#43;ALT&#43;t)">
                 <i class="fa-fw fas fa-list-alt"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Crrredits</span><meta itemprop="position" content="2"></li>
-            </ol>
-          </div>
-          <div class="default-animation progress">
-            <div class="toc-wrapper">
+            <div class="default-animation progress">
+              <div class="toc-wrapper">
 <nav id="TableOfContents">
   <ul>
     <li><a href="#contributors">Contributors</a></li>
@@ -104,6 +77,34 @@
     <li><a href="#tooling-dependencies">Tool'n Dependencies</a></li>
   </ul>
 </nav>
+              </div>
+            </div>
+            <div id="toc-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Crrredits</span><meta itemprop="position" content="2"></li>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-edit">
+              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/more/credits/_index.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+                <i class="fa-fw fas fa-pen"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-print">
+              <a href="../../../pir/more/credits/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
+                <i class="fa-fw fas fa-print"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-prev">
+              <a href="../../../pir/index.html" title="Cap&#39;n Hugo Relearrrn Theme (🡒)">
+                <i class="fa-fw fas fa-chevron-left"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-next">
+              <span>
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </span>
             </div>
           </div>
         </div>
@@ -259,12 +260,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1694553677" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1694553677" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694553677" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1694553677" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1694553677" defer></script>
-        <script src="../../../js/search.js?1694553677" defer></script>
+        <script src="../../../js/auto-complete.js?1694640601" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1694640601" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694640601" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1694640601" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1694640601" defer></script>
+        <script src="../../../js/search.js?1694640601" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -395,8 +396,12 @@
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -404,27 +409,25 @@
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1694553677"></script>
+          <script async src="../../../js/github-buttons.js?1694640601"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1694553677" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1694553677" defer></script>
-    <script src="../../../js/theme.js?1694553677" defer></script>
+    <script src="../../../js/clipboard.min.js?1694640601" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694640601" defer></script>
+    <script src="../../../js/theme.js?1694640601" defer></script>
   </body>
 </html>
diff --git a/pir/more/credits/index.print.html b/pir/more/credits/index.print.html
index 23ab406c2a..efb81e0068 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1694553677" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1694553677" rel="stylesheet">
-    <link href="../../../css/fonts.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1694553677" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1694553677" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1694553677" rel="stylesheet">
-    <link href="../../../css/print.css?1694553677" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1694553677" rel="stylesheet">
-    <link href="../../../css/ie.css?1694553677" rel="stylesheet">
-    <script src="../../../js/url.js?1694553677"></script>
-    <script src="../../../js/variant.js?1694553677"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694640601" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694640601" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694640601" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694640601" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694640601" rel="stylesheet">
+    <link href="../../../css/print.css?1694640601" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1694640601" rel="stylesheet">
+    <link href="../../../css/ie.css?1694640601" rel="stylesheet">
+    <script src="../../../js/url.js?1694640601"></script>
+    <script src="../../../js/variant.js?1694640601"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -53,22 +53,22 @@
   </head>
   <body class="mobile-support print disableInlineCopyToClipboard" data-url="../../../pir/more/credits/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Crrredits</span><meta itemprop="position" content="2"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
           </div>
         </div>
       </nav>
@@ -145,8 +145,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1694553678" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1694553678" defer></script>
-    <script src="../../../js/theme.js?1694553678" defer></script>
+    <script src="../../../js/clipboard.min.js?1694640602" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694640602" defer></script>
+    <script src="../../../js/theme.js?1694640602" defer></script>
   </body>
 </html>
diff --git a/pir/search.html b/pir/search.html
index 126fd20e04..43ea5e083c 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1694553678" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1694553678" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1694553678" rel="stylesheet">
-    <link href="../css/auto-complete.css?1694553678" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1694553678" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1694553678" rel="stylesheet">
-    <link href="../css/fonts.css?1694553678" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1694553678" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1694553678" rel="stylesheet">
-    <link href="../css/theme-auto.css?1694553678" rel="stylesheet" id="variant-style">
-    <link href="../css/variant.css?1694553678" rel="stylesheet">
-    <link href="../css/print.css?1694553678" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1694553678" rel="stylesheet">
-    <script src="../js/url.js?1694553678"></script>
-    <script src="../js/variant.js?1694553678"></script>
+    <link href="../css/fontawesome-all.min.css?1694640602" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1694640602" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1694640602" rel="stylesheet">
+    <link href="../css/auto-complete.css?1694640602" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1694640602" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1694640602" rel="stylesheet">
+    <link href="../css/fonts.css?1694640602" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1694640602" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1694640602" rel="stylesheet">
+    <link href="../css/theme-auto.css?1694640602" rel="stylesheet" id="variant-style">
+    <link href="../css/variant.css?1694640602" rel="stylesheet">
+    <link href="../css/print.css?1694640602" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1694640602" rel="stylesheet">
+    <script src="../js/url.js?1694640602"></script>
+    <script src="../js/variant.js?1694640602"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -51,31 +51,31 @@
   </head>
   <body class="mobile-support searchpage disableInlineCopyToClipboard" data-url="../pir/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <span>
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </span>
-            </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../pir/index.html" title="Cap&#39;n Hugo Relearrrn Theme (🡒)">
-                <i class="fa-fw fas fa-chevron-left"></i>
-              </a>
-            </div>
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span><meta itemprop="position" content="1"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-prev">
+              <a href="../pir/index.html" title="Cap&#39;n Hugo Relearrrn Theme (🡒)">
+                <i class="fa-fw fas fa-chevron-left"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-next">
+              <span>
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </span>
+            </div>
           </div>
         </div>
       </nav>
@@ -189,12 +189,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1694553678" defer></script>
-        <script src="../js/lunr/lunr.min.js?1694553678" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1694553678" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1694553678" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1694553678" defer></script>
-        <script src="../js/search.js?1694553678" defer></script>
+        <script src="../js/auto-complete.js?1694640602" defer></script>
+        <script src="../js/lunr/lunr.min.js?1694640602" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1694640602" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1694640602" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1694640602" defer></script>
+        <script src="../js/search.js?1694640602" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -325,8 +325,12 @@
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -334,27 +338,25 @@
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../js/github-buttons.js?1694553678"></script>
+          <script async src="../js/github-buttons.js?1694640602"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1694553678" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1694553678" defer></script>
-    <script src="../js/theme.js?1694553678" defer></script>
+    <script src="../js/clipboard.min.js?1694640602" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1694640602" defer></script>
+    <script src="../js/theme.js?1694640602" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/attachments/index.html b/pir/shortcodes/attachments/index.html
index 307a42701d..5b290b70d2 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../../../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../../../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../../../js/url.js?1694553675"></script>
-    <script src="../../../js/variant.js?1694553675"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../../../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../../../js/url.js?1694640598"></script>
+    <script src="../../../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -52,51 +52,23 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../../pir/shortcodes/attachments/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <a href="../../../pir/shortcodes/badge/index.html" title="Badge (🡐)">
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../../pir/shortcodes/index.html" title="Shorrrtcodes (🡒)">
-                <i class="fa-fw fas fa-chevron-left"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-print">
-              <a href="../../../pir/shortcodes/attachments/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
-                <i class="fa-fw fas fa-print"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-edit">
-              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/attachments/index.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
-                <i class="fa-fw fas fa-pen"></i>
-              </a>
-            </div>
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
+            <div id="sidebar-overlay"></div>
             <div class="topbar-button topbar-toc">
               <button onclick="showToc()" type="button" title="Table o&#39; Contents (CTRL&#43;ALT&#43;t)">
                 <i class="fa-fw fas fa-list-alt"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/shortcodes/index.html"><span itemprop="name">Shorrrtcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Attachments</span><meta itemprop="position" content="3"></li>
-            </ol>
-          </div>
-          <div class="default-animation progress">
-            <div class="toc-wrapper">
+            <div class="default-animation progress">
+              <div class="toc-wrapper">
 <nav id="TableOfContents">
   <ul>
     <li><a href="#usage">Usage</a>
@@ -120,6 +92,35 @@
     </li>
   </ul>
 </nav>
+              </div>
+            </div>
+            <div id="toc-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/shortcodes/index.html"><span itemprop="name">Shorrrtcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Attachments</span><meta itemprop="position" content="3"></li>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-edit">
+              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/attachments/index.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+                <i class="fa-fw fas fa-pen"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-print">
+              <a href="../../../pir/shortcodes/attachments/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
+                <i class="fa-fw fas fa-print"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-prev">
+              <a href="../../../pir/shortcodes/index.html" title="Shorrrtcodes (🡒)">
+                <i class="fa-fw fas fa-chevron-left"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-next">
+              <a href="../../../pir/shortcodes/badge/index.html" title="Badge (🡐)">
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </a>
             </div>
           </div>
         </div>
@@ -474,12 +475,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1694553675" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1694553675" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694553675" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1694553675" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1694553675" defer></script>
-        <script src="../../../js/search.js?1694553675" defer></script>
+        <script src="../../../js/auto-complete.js?1694640599" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1694640599" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694640599" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1694640599" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1694640599" defer></script>
+        <script src="../../../js/search.js?1694640599" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -610,8 +611,12 @@
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -619,27 +624,25 @@
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1694553675"></script>
+          <script async src="../../../js/github-buttons.js?1694640599"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1694553675" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1694553675" defer></script>
-    <script src="../../../js/theme.js?1694553675" defer></script>
+    <script src="../../../js/clipboard.min.js?1694640599" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694640599" defer></script>
+    <script src="../../../js/theme.js?1694640599" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/attachments/index.print.html b/pir/shortcodes/attachments/index.print.html
index 2af9b7a7cf..4c728e8a86 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1694553677" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1694553677" rel="stylesheet">
-    <link href="../../../css/fonts.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1694553677" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1694553677" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1694553677" rel="stylesheet">
-    <link href="../../../css/print.css?1694553677" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1694553677" rel="stylesheet">
-    <link href="../../../css/ie.css?1694553677" rel="stylesheet">
-    <script src="../../../js/url.js?1694553677"></script>
-    <script src="../../../js/variant.js?1694553677"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694640601" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694640601" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694640601" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694640601" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694640601" rel="stylesheet">
+    <link href="../../../css/print.css?1694640601" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1694640601" rel="stylesheet">
+    <link href="../../../css/ie.css?1694640601" rel="stylesheet">
+    <script src="../../../js/url.js?1694640601"></script>
+    <script src="../../../js/variant.js?1694640601"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -53,23 +53,23 @@
   </head>
   <body class="mobile-support print disableInlineCopyToClipboard" data-url="../../../pir/shortcodes/attachments/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/shortcodes/index.html"><span itemprop="name">Shorrrtcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Attachments</span><meta itemprop="position" content="3"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
           </div>
         </div>
       </nav>
@@ -345,8 +345,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1694553677" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1694553677" defer></script>
-    <script src="../../../js/theme.js?1694553677" defer></script>
+    <script src="../../../js/clipboard.min.js?1694640601" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694640601" defer></script>
+    <script src="../../../js/theme.js?1694640601" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/badge/index.html b/pir/shortcodes/badge/index.html
index 6c2e9184ef..4444aa1e2e 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../../../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../../../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../../../js/url.js?1694553675"></script>
-    <script src="../../../js/variant.js?1694553675"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../../../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../../../js/url.js?1694640598"></script>
+    <script src="../../../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -52,51 +52,23 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../../pir/shortcodes/badge/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <a href="../../../pir/shortcodes/button/index.html" title="Button (🡐)">
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../../pir/shortcodes/attachments/index.html" title="Attachments (🡒)">
-                <i class="fa-fw fas fa-chevron-left"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-print">
-              <a href="../../../pir/shortcodes/badge/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
-                <i class="fa-fw fas fa-print"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-edit">
-              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/badge.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
-                <i class="fa-fw fas fa-pen"></i>
-              </a>
-            </div>
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
+            <div id="sidebar-overlay"></div>
             <div class="topbar-button topbar-toc">
               <button onclick="showToc()" type="button" title="Table o&#39; Contents (CTRL&#43;ALT&#43;t)">
                 <i class="fa-fw fas fa-list-alt"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/shortcodes/index.html"><span itemprop="name">Shorrrtcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Badge</span><meta itemprop="position" content="3"></li>
-            </ol>
-          </div>
-          <div class="default-animation progress">
-            <div class="toc-wrapper">
+            <div class="default-animation progress">
+              <div class="toc-wrapper">
 <nav id="TableOfContents">
   <ul>
     <li><a href="#usage">Usage</a>
@@ -113,6 +85,35 @@
     </li>
   </ul>
 </nav>
+              </div>
+            </div>
+            <div id="toc-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/shortcodes/index.html"><span itemprop="name">Shorrrtcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Badge</span><meta itemprop="position" content="3"></li>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-edit">
+              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/badge.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+                <i class="fa-fw fas fa-pen"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-print">
+              <a href="../../../pir/shortcodes/badge/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
+                <i class="fa-fw fas fa-print"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-prev">
+              <a href="../../../pir/shortcodes/attachments/index.html" title="Attachments (🡒)">
+                <i class="fa-fw fas fa-chevron-left"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-next">
+              <a href="../../../pir/shortcodes/button/index.html" title="Button (🡐)">
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </a>
             </div>
           </div>
         </div>
@@ -406,12 +407,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1694553675" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1694553675" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694553675" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1694553675" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1694553675" defer></script>
-        <script src="../../../js/search.js?1694553675" defer></script>
+        <script src="../../../js/auto-complete.js?1694640599" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1694640599" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694640599" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1694640599" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1694640599" defer></script>
+        <script src="../../../js/search.js?1694640599" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -542,8 +543,12 @@
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -551,27 +556,25 @@
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1694553675"></script>
+          <script async src="../../../js/github-buttons.js?1694640599"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1694553675" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1694553675" defer></script>
-    <script src="../../../js/theme.js?1694553675" defer></script>
+    <script src="../../../js/clipboard.min.js?1694640599" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694640599" defer></script>
+    <script src="../../../js/theme.js?1694640599" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/badge/index.print.html b/pir/shortcodes/badge/index.print.html
index bc326b610e..fdf136fa8b 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1694553677" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1694553677" rel="stylesheet">
-    <link href="../../../css/fonts.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1694553677" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1694553677" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1694553677" rel="stylesheet">
-    <link href="../../../css/print.css?1694553677" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1694553677" rel="stylesheet">
-    <link href="../../../css/ie.css?1694553677" rel="stylesheet">
-    <script src="../../../js/url.js?1694553677"></script>
-    <script src="../../../js/variant.js?1694553677"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694640601" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694640601" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694640601" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694640601" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694640601" rel="stylesheet">
+    <link href="../../../css/print.css?1694640601" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1694640601" rel="stylesheet">
+    <link href="../../../css/ie.css?1694640601" rel="stylesheet">
+    <script src="../../../js/url.js?1694640601"></script>
+    <script src="../../../js/variant.js?1694640601"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -53,23 +53,23 @@
   </head>
   <body class="mobile-support print disableInlineCopyToClipboard" data-url="../../../pir/shortcodes/badge/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/shortcodes/index.html"><span itemprop="name">Shorrrtcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Badge</span><meta itemprop="position" content="3"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
           </div>
         </div>
       </nav>
@@ -284,8 +284,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1694553677" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1694553677" defer></script>
-    <script src="../../../js/theme.js?1694553677" defer></script>
+    <script src="../../../js/clipboard.min.js?1694640601" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694640601" defer></script>
+    <script src="../../../js/theme.js?1694640601" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/button/index.html b/pir/shortcodes/button/index.html
index 4f49a9bbbb..011338efea 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../../../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../../../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../../../js/url.js?1694553675"></script>
-    <script src="../../../js/variant.js?1694553675"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../../../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../../../js/url.js?1694640598"></script>
+    <script src="../../../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -52,51 +52,23 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../../pir/shortcodes/button/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <a href="../../../pir/shortcodes/children/index.html" title="Children (🡐)">
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../../pir/shortcodes/badge/index.html" title="Badge (🡒)">
-                <i class="fa-fw fas fa-chevron-left"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-print">
-              <a href="../../../pir/shortcodes/button/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
-                <i class="fa-fw fas fa-print"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-edit">
-              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/button.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
-                <i class="fa-fw fas fa-pen"></i>
-              </a>
-            </div>
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
+            <div id="sidebar-overlay"></div>
             <div class="topbar-button topbar-toc">
               <button onclick="showToc()" type="button" title="Table o&#39; Contents (CTRL&#43;ALT&#43;t)">
                 <i class="fa-fw fas fa-list-alt"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/shortcodes/index.html"><span itemprop="name">Shorrrtcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Button</span><meta itemprop="position" content="3"></li>
-            </ol>
-          </div>
-          <div class="default-animation progress">
-            <div class="toc-wrapper">
+            <div class="default-animation progress">
+              <div class="toc-wrapper">
 <nav id="TableOfContents">
   <ul>
     <li><a href="#usage">Usage</a>
@@ -114,6 +86,35 @@
     </li>
   </ul>
 </nav>
+              </div>
+            </div>
+            <div id="toc-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/shortcodes/index.html"><span itemprop="name">Shorrrtcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Button</span><meta itemprop="position" content="3"></li>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-edit">
+              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/button.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+                <i class="fa-fw fas fa-pen"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-print">
+              <a href="../../../pir/shortcodes/button/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
+                <i class="fa-fw fas fa-print"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-prev">
+              <a href="../../../pir/shortcodes/badge/index.html" title="Badge (🡒)">
+                <i class="fa-fw fas fa-chevron-left"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-next">
+              <a href="../../../pir/shortcodes/children/index.html" title="Children (🡐)">
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </a>
             </div>
           </div>
         </div>
@@ -546,12 +547,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1694553675" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1694553675" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694553675" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1694553675" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1694553675" defer></script>
-        <script src="../../../js/search.js?1694553675" defer></script>
+        <script src="../../../js/auto-complete.js?1694640599" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1694640599" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694640599" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1694640599" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1694640599" defer></script>
+        <script src="../../../js/search.js?1694640599" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -682,8 +683,12 @@
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -691,27 +696,25 @@
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1694553675"></script>
+          <script async src="../../../js/github-buttons.js?1694640599"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1694553675" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1694553675" defer></script>
-    <script src="../../../js/theme.js?1694553675" defer></script>
+    <script src="../../../js/clipboard.min.js?1694640599" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694640599" defer></script>
+    <script src="../../../js/theme.js?1694640599" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/button/index.print.html b/pir/shortcodes/button/index.print.html
index 60d4b21a45..3034612d26 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1694553677" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1694553677" rel="stylesheet">
-    <link href="../../../css/fonts.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1694553677" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1694553677" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1694553677" rel="stylesheet">
-    <link href="../../../css/print.css?1694553677" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1694553677" rel="stylesheet">
-    <link href="../../../css/ie.css?1694553677" rel="stylesheet">
-    <script src="../../../js/url.js?1694553677"></script>
-    <script src="../../../js/variant.js?1694553677"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694640601" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694640601" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694640601" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694640601" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694640601" rel="stylesheet">
+    <link href="../../../css/print.css?1694640601" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1694640601" rel="stylesheet">
+    <link href="../../../css/ie.css?1694640601" rel="stylesheet">
+    <script src="../../../js/url.js?1694640601"></script>
+    <script src="../../../js/variant.js?1694640601"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -53,23 +53,23 @@
   </head>
   <body class="mobile-support print disableInlineCopyToClipboard" data-url="../../../pir/shortcodes/button/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/shortcodes/index.html"><span itemprop="name">Shorrrtcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Button</span><meta itemprop="position" content="3"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
           </div>
         </div>
       </nav>
@@ -423,8 +423,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1694553677" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1694553677" defer></script>
-    <script src="../../../js/theme.js?1694553677" defer></script>
+    <script src="../../../js/clipboard.min.js?1694640601" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694640601" defer></script>
+    <script src="../../../js/theme.js?1694640601" 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 745ea48115..d6ed1bd520 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../../../../../../../../../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../../../../../../../../../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../../../../../../../../../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../../../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../../../../../../../../../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../../../../../../../../../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../../../../../../../../../js/url.js?1694553675"></script>
-    <script src="../../../../../../../../../js/variant.js?1694553675"></script>
+    <link href="../../../../../../../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../../../../../../../../../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../../../../../../../../../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../../../../../../../../../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../../../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../../../../../../../../../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../../../../../../../../../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../../../../../../../../../js/url.js?1694640598"></script>
+    <script src="../../../../../../../../../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -51,39 +51,18 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../../../../../../../../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">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <a href="../../../../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-2/index.html" title="plank 1-1-2 (🡐)">
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../../../../../../../../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" title="plank 1-1-1-1-1 (hidden) (🡒)">
-                <i class="fa-fw fas fa-chevron-left"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-print">
-              <a href="../../../../../../../../../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" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
-                <i class="fa-fw fas fa-print"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-edit">
-              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/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.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
-                <i class="fa-fw fas fa-pen"></i>
-              </a>
-            </div>
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../../../../pir/shortcodes/index.html"><span itemprop="name">Shorrrtcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../../../../pir/shortcodes/children/index.html"><span itemprop="name">Children</span></a><meta itemprop="position" content="3">&nbsp;>&nbsp;</li>
@@ -93,7 +72,28 @@
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html"><span itemprop="name">plank 1-1-1-1</span></a><meta itemprop="position" content="7">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../../../../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"><span itemprop="name">plank 1-1-1-1-1 (hidden)</span></a><meta itemprop="position" content="8">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">plank 1-1-1-1-1-1</span><meta itemprop="position" content="9"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-edit">
+              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/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.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+                <i class="fa-fw fas fa-pen"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-print">
+              <a href="../../../../../../../../../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" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
+                <i class="fa-fw fas fa-print"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-prev">
+              <a href="../../../../../../../../../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" title="plank 1-1-1-1-1 (hidden) (🡒)">
+                <i class="fa-fw fas fa-chevron-left"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-next">
+              <a href="../../../../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-2/index.html" title="plank 1-1-2 (🡐)">
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </a>
+            </div>
           </div>
         </div>
       </nav>
@@ -198,12 +198,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../../../../js/auto-complete.js?1694553677" defer></script>
-        <script src="../../../../../../../../../js/lunr/lunr.min.js?1694553677" defer></script>
-        <script src="../../../../../../../../../js/lunr/lunr.stemmer.support.min.js?1694553677" defer></script>
-        <script src="../../../../../../../../../js/lunr/lunr.multi.min.js?1694553677" defer></script>
-        <script src="../../../../../../../../../js/lunr/lunr.en.min.js?1694553677" defer></script>
-        <script src="../../../../../../../../../js/search.js?1694553677" defer></script>
+        <script src="../../../../../../../../../js/auto-complete.js?1694640601" defer></script>
+        <script src="../../../../../../../../../js/lunr/lunr.min.js?1694640601" defer></script>
+        <script src="../../../../../../../../../js/lunr/lunr.stemmer.support.min.js?1694640601" defer></script>
+        <script src="../../../../../../../../../js/lunr/lunr.multi.min.js?1694640601" defer></script>
+        <script src="../../../../../../../../../js/lunr/lunr.en.min.js?1694640601" defer></script>
+        <script src="../../../../../../../../../js/search.js?1694640601" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -338,8 +338,12 @@
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -347,27 +351,25 @@
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../../../../../../js/github-buttons.js?1694553677"></script>
+          <script async src="../../../../../../../../../js/github-buttons.js?1694640601"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../../../../js/clipboard.min.js?1694553677" defer></script>
-    <script src="../../../../../../../../../js/perfect-scrollbar.min.js?1694553677" defer></script>
-    <script src="../../../../../../../../../js/theme.js?1694553677" defer></script>
+    <script src="../../../../../../../../../js/clipboard.min.js?1694640601" defer></script>
+    <script src="../../../../../../../../../js/perfect-scrollbar.min.js?1694640601" defer></script>
+    <script src="../../../../../../../../../js/theme.js?1694640601" 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 fa0b2b4e73..d6e2d93b31 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../../../css/fontawesome-all.min.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fontawesome-all.min.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../../css/nucleus.css?1694553677" rel="stylesheet">
-    <link href="../../../../../../../../../css/auto-complete.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/auto-complete.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../../css/perfect-scrollbar.min.css?1694553677" rel="stylesheet">
-    <link href="../../../../../../../../../css/fonts.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fonts.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../../css/theme.css?1694553677" rel="stylesheet">
-    <link href="../../../../../../../../../css/theme-auto.css?1694553677" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../../../css/variant.css?1694553677" rel="stylesheet">
-    <link href="../../../../../../../../../css/print.css?1694553677" rel="stylesheet" media="print">
-    <link href="../../../../../../../../../css/format-print.css?1694553677" rel="stylesheet">
-    <link href="../../../../../../../../../css/ie.css?1694553677" rel="stylesheet">
-    <script src="../../../../../../../../../js/url.js?1694553677"></script>
-    <script src="../../../../../../../../../js/variant.js?1694553677"></script>
+    <link href="../../../../../../../../../css/fontawesome-all.min.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fontawesome-all.min.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../../css/nucleus.css?1694640601" rel="stylesheet">
+    <link href="../../../../../../../../../css/auto-complete.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/auto-complete.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../../css/perfect-scrollbar.min.css?1694640601" rel="stylesheet">
+    <link href="../../../../../../../../../css/fonts.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fonts.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../../css/theme.css?1694640601" rel="stylesheet">
+    <link href="../../../../../../../../../css/theme-auto.css?1694640601" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../../../css/variant.css?1694640601" rel="stylesheet">
+    <link href="../../../../../../../../../css/print.css?1694640601" rel="stylesheet" media="print">
+    <link href="../../../../../../../../../css/format-print.css?1694640601" rel="stylesheet">
+    <link href="../../../../../../../../../css/ie.css?1694640601" rel="stylesheet">
+    <script src="../../../../../../../../../js/url.js?1694640601"></script>
+    <script src="../../../../../../../../../js/variant.js?1694640601"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -52,19 +52,18 @@
   </head>
   <body class="mobile-support print disableInlineCopyToClipboard" data-url="../../../../../../../../../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">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../../../../pir/shortcodes/index.html"><span itemprop="name">Shorrrtcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../../../../pir/shortcodes/children/index.html"><span itemprop="name">Children</span></a><meta itemprop="position" content="3">&nbsp;>&nbsp;</li>
@@ -74,7 +73,8 @@
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html"><span itemprop="name">plank 1-1-1-1</span></a><meta itemprop="position" content="7">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../../../../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"><span itemprop="name">plank 1-1-1-1-1 (hidden)</span></a><meta itemprop="position" content="8">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">plank 1-1-1-1-1-1</span><meta itemprop="position" content="9"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
           </div>
         </div>
       </nav>
@@ -101,8 +101,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../../../../js/clipboard.min.js?1694553678" defer></script>
-    <script src="../../../../../../../../../js/perfect-scrollbar.min.js?1694553678" defer></script>
-    <script src="../../../../../../../../../js/theme.js?1694553678" defer></script>
+    <script src="../../../../../../../../../js/clipboard.min.js?1694640602" defer></script>
+    <script src="../../../../../../../../../js/perfect-scrollbar.min.js?1694640602" defer></script>
+    <script src="../../../../../../../../../js/theme.js?1694640602" 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 4e16273e18..17a75b4f69 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../../../../../../../../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../../../../../../../../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../../../../../../../../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../../../../../../../../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../../../../../../../../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../../../../../../../../js/url.js?1694553675"></script>
-    <script src="../../../../../../../../js/variant.js?1694553675"></script>
+    <link href="../../../../../../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../../../../../../../../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../../../../../../../../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../../../../../../../../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../../../../../../../../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../../../../../../../../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../../../../../../../../js/url.js?1694640598"></script>
+    <script src="../../../../../../../../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -51,44 +51,33 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../../../../../../../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">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <a href="../../../../../../../../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" title="plank 1-1-1-1-1-1 (🡐)">
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html" title="plank 1-1-1-1 (🡒)">
-                <i class="fa-fw fas fa-chevron-left"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-print">
-              <a href="../../../../../../../../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" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
-                <i class="fa-fw fas fa-print"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-edit">
-              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/_index.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
-                <i class="fa-fw fas fa-pen"></i>
-              </a>
-            </div>
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
+            <div id="sidebar-overlay"></div>
             <div class="topbar-button topbar-toc">
               <button onclick="showToc()" type="button" title="Table o&#39; Contents (CTRL&#43;ALT&#43;t)">
                 <i class="fa-fw fas fa-list-alt"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div class="default-animation progress">
+              <div class="toc-wrapper">
+<nav id="TableOfContents">
+  <ul>
+    <li><a href="#subpages-of-this-page">Subpages o' this plank</a></li>
+  </ul>
+</nav>
+              </div>
+            </div>
+            <div id="toc-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../../../pir/shortcodes/index.html"><span itemprop="name">Shorrrtcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../../../pir/shortcodes/children/index.html"><span itemprop="name">Children</span></a><meta itemprop="position" content="3">&nbsp;>&nbsp;</li>
@@ -97,15 +86,27 @@
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-1/index.html"><span itemprop="name">plank 1-1-1 (hidden)</span></a><meta itemprop="position" content="6">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html"><span itemprop="name">plank 1-1-1-1</span></a><meta itemprop="position" content="7">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">plank 1-1-1-1-1 (hidden)</span><meta itemprop="position" content="8"></li>
-            </ol>
-          </div>
-          <div class="default-animation progress">
-            <div class="toc-wrapper">
-<nav id="TableOfContents">
-  <ul>
-    <li><a href="#subpages-of-this-page">Subpages o' this plank</a></li>
-  </ul>
-</nav>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-edit">
+              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/_index.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+                <i class="fa-fw fas fa-pen"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-print">
+              <a href="../../../../../../../../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" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
+                <i class="fa-fw fas fa-print"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-prev">
+              <a href="../../../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html" title="plank 1-1-1-1 (🡒)">
+                <i class="fa-fw fas fa-chevron-left"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-next">
+              <a href="../../../../../../../../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" title="plank 1-1-1-1-1-1 (🡐)">
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </a>
             </div>
           </div>
         </div>
@@ -217,12 +218,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../../../js/auto-complete.js?1694553677" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.min.js?1694553677" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.stemmer.support.min.js?1694553677" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.multi.min.js?1694553677" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.en.min.js?1694553677" defer></script>
-        <script src="../../../../../../../../js/search.js?1694553677" defer></script>
+        <script src="../../../../../../../../js/auto-complete.js?1694640601" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.min.js?1694640601" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.stemmer.support.min.js?1694640601" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.multi.min.js?1694640601" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.en.min.js?1694640601" defer></script>
+        <script src="../../../../../../../../js/search.js?1694640601" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -357,8 +358,12 @@
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -366,27 +371,25 @@
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../../../../../js/github-buttons.js?1694553677"></script>
+          <script async src="../../../../../../../../js/github-buttons.js?1694640601"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../../../js/clipboard.min.js?1694553677" defer></script>
-    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1694553677" defer></script>
-    <script src="../../../../../../../../js/theme.js?1694553677" defer></script>
+    <script src="../../../../../../../../js/clipboard.min.js?1694640601" defer></script>
+    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1694640601" defer></script>
+    <script src="../../../../../../../../js/theme.js?1694640601" 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 cc7d57359b..5b714d5f7d 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../../css/fontawesome-all.min.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/nucleus.css?1694553677" rel="stylesheet">
-    <link href="../../../../../../../../css/auto-complete.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1694553677" rel="stylesheet">
-    <link href="../../../../../../../../css/fonts.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/theme.css?1694553677" rel="stylesheet">
-    <link href="../../../../../../../../css/theme-auto.css?1694553677" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../../css/variant.css?1694553677" rel="stylesheet">
-    <link href="../../../../../../../../css/print.css?1694553677" rel="stylesheet" media="print">
-    <link href="../../../../../../../../css/format-print.css?1694553677" rel="stylesheet">
-    <link href="../../../../../../../../css/ie.css?1694553677" rel="stylesheet">
-    <script src="../../../../../../../../js/url.js?1694553677"></script>
-    <script src="../../../../../../../../js/variant.js?1694553677"></script>
+    <link href="../../../../../../../../css/fontawesome-all.min.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/nucleus.css?1694640601" rel="stylesheet">
+    <link href="../../../../../../../../css/auto-complete.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1694640601" rel="stylesheet">
+    <link href="../../../../../../../../css/fonts.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/theme.css?1694640601" rel="stylesheet">
+    <link href="../../../../../../../../css/theme-auto.css?1694640601" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../../css/variant.css?1694640601" rel="stylesheet">
+    <link href="../../../../../../../../css/print.css?1694640601" rel="stylesheet" media="print">
+    <link href="../../../../../../../../css/format-print.css?1694640601" rel="stylesheet">
+    <link href="../../../../../../../../css/ie.css?1694640601" rel="stylesheet">
+    <script src="../../../../../../../../js/url.js?1694640601"></script>
+    <script src="../../../../../../../../js/variant.js?1694640601"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -52,19 +52,18 @@
   </head>
   <body class="mobile-support print disableInlineCopyToClipboard" data-url="../../../../../../../../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">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../../../pir/shortcodes/index.html"><span itemprop="name">Shorrrtcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../../../pir/shortcodes/children/index.html"><span itemprop="name">Children</span></a><meta itemprop="position" content="3">&nbsp;>&nbsp;</li>
@@ -73,7 +72,8 @@
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-1/index.html"><span itemprop="name">plank 1-1-1 (hidden)</span></a><meta itemprop="position" content="6">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html"><span itemprop="name">plank 1-1-1-1</span></a><meta itemprop="position" content="7">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">plank 1-1-1-1-1 (hidden)</span><meta itemprop="position" content="8"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
           </div>
         </div>
       </nav>
@@ -127,8 +127,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../../../js/clipboard.min.js?1694553678" defer></script>
-    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1694553678" defer></script>
-    <script src="../../../../../../../../js/theme.js?1694553678" defer></script>
+    <script src="../../../../../../../../js/clipboard.min.js?1694640602" defer></script>
+    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1694640602" defer></script>
+    <script src="../../../../../../../../js/theme.js?1694640602" 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 8e717d8114..ead8584de3 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../../../../../../../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../../../../../../../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../../../../../../../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../../../../../../../js/url.js?1694553675"></script>
-    <script src="../../../../../../../js/variant.js?1694553675"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../../../../../../../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../../../../../../../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../../../../../../../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../../../../../../../js/url.js?1694640598"></script>
+    <script src="../../../../../../../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -51,44 +51,33 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <a href="../../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-2/index.html" title="plank 1-1-2 (🡐)">
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-1/index.html" title="plank 1-1-1 (hidden) (🡒)">
-                <i class="fa-fw fas fa-chevron-left"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-print">
-              <a href="../../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
-                <i class="fa-fw fas fa-print"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-edit">
-              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/_index.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
-                <i class="fa-fw fas fa-pen"></i>
-              </a>
-            </div>
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
+            <div id="sidebar-overlay"></div>
             <div class="topbar-button topbar-toc">
               <button onclick="showToc()" type="button" title="Table o&#39; Contents (CTRL&#43;ALT&#43;t)">
                 <i class="fa-fw fas fa-list-alt"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div class="default-animation progress">
+              <div class="toc-wrapper">
+<nav id="TableOfContents">
+  <ul>
+    <li><a href="#subpages-of-this-page">Subpages o' this plank</a></li>
+  </ul>
+</nav>
+              </div>
+            </div>
+            <div id="toc-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../../pir/shortcodes/index.html"><span itemprop="name">Shorrrtcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../../pir/shortcodes/children/index.html"><span itemprop="name">Children</span></a><meta itemprop="position" content="3">&nbsp;>&nbsp;</li>
@@ -96,15 +85,27 @@
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../../pir/shortcodes/children/children-1/children-1-1/index.html"><span itemprop="name">plank 1-1</span></a><meta itemprop="position" content="5">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-1/index.html"><span itemprop="name">plank 1-1-1 (hidden)</span></a><meta itemprop="position" content="6">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">plank 1-1-1-1</span><meta itemprop="position" content="7"></li>
-            </ol>
-          </div>
-          <div class="default-animation progress">
-            <div class="toc-wrapper">
-<nav id="TableOfContents">
-  <ul>
-    <li><a href="#subpages-of-this-page">Subpages o' this plank</a></li>
-  </ul>
-</nav>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-edit">
+              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/_index.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+                <i class="fa-fw fas fa-pen"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-print">
+              <a href="../../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
+                <i class="fa-fw fas fa-print"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-prev">
+              <a href="../../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-1/index.html" title="plank 1-1-1 (hidden) (🡒)">
+                <i class="fa-fw fas fa-chevron-left"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-next">
+              <a href="../../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-2/index.html" title="plank 1-1-2 (🡐)">
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </a>
             </div>
           </div>
         </div>
@@ -216,12 +217,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../../js/auto-complete.js?1694553677" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.min.js?1694553677" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1694553677" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1694553677" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.en.min.js?1694553677" defer></script>
-        <script src="../../../../../../../js/search.js?1694553677" defer></script>
+        <script src="../../../../../../../js/auto-complete.js?1694640601" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.min.js?1694640601" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1694640601" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1694640601" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.en.min.js?1694640601" defer></script>
+        <script src="../../../../../../../js/search.js?1694640601" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -354,8 +355,12 @@
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -363,27 +368,25 @@
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../../../../js/github-buttons.js?1694553677"></script>
+          <script async src="../../../../../../../js/github-buttons.js?1694640601"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../../js/clipboard.min.js?1694553677" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1694553677" defer></script>
-    <script src="../../../../../../../js/theme.js?1694553677" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1694640601" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1694640601" defer></script>
+    <script src="../../../../../../../js/theme.js?1694640601" 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 65951eb9c0..4a4b246abc 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../css/fontawesome-all.min.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/nucleus.css?1694553677" rel="stylesheet">
-    <link href="../../../../../../../css/auto-complete.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1694553677" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1694553677" rel="stylesheet">
-    <link href="../../../../../../../css/theme-auto.css?1694553677" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../css/variant.css?1694553677" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1694553677" rel="stylesheet" media="print">
-    <link href="../../../../../../../css/format-print.css?1694553677" rel="stylesheet">
-    <link href="../../../../../../../css/ie.css?1694553677" rel="stylesheet">
-    <script src="../../../../../../../js/url.js?1694553677"></script>
-    <script src="../../../../../../../js/variant.js?1694553677"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/nucleus.css?1694640601" rel="stylesheet">
+    <link href="../../../../../../../css/auto-complete.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1694640601" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1694640601" rel="stylesheet">
+    <link href="../../../../../../../css/theme-auto.css?1694640601" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../css/variant.css?1694640601" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1694640601" rel="stylesheet" media="print">
+    <link href="../../../../../../../css/format-print.css?1694640601" rel="stylesheet">
+    <link href="../../../../../../../css/ie.css?1694640601" rel="stylesheet">
+    <script src="../../../../../../../js/url.js?1694640601"></script>
+    <script src="../../../../../../../js/variant.js?1694640601"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -52,19 +52,18 @@
   </head>
   <body class="mobile-support print disableInlineCopyToClipboard" data-url="../../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../../pir/shortcodes/index.html"><span itemprop="name">Shorrrtcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../../pir/shortcodes/children/index.html"><span itemprop="name">Children</span></a><meta itemprop="position" content="3">&nbsp;>&nbsp;</li>
@@ -72,7 +71,8 @@
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../../pir/shortcodes/children/children-1/children-1-1/index.html"><span itemprop="name">plank 1-1</span></a><meta itemprop="position" content="5">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-1/index.html"><span itemprop="name">plank 1-1-1 (hidden)</span></a><meta itemprop="position" content="6">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">plank 1-1-1-1</span><meta itemprop="position" content="7"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
           </div>
         </div>
       </nav>
@@ -108,8 +108,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../../js/clipboard.min.js?1694553678" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1694553678" defer></script>
-    <script src="../../../../../../../js/theme.js?1694553678" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1694640602" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1694640602" defer></script>
+    <script src="../../../../../../../js/theme.js?1694640602" 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 f322194fde..80cd1927ac 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../../../../../../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1694553675"></script>
-    <script src="../../../../../../js/variant.js?1694553675"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../../../../../../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1694640598"></script>
+    <script src="../../../../../../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -51,19 +51,44 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-1/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <a href="../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html" title="plank 1-1-1-1 (🡐)">
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </a>
+          <div class="topbar-sidebar-divider"></div>
+          <div class="topbar-left">
+            <div class="topbar-button topbar-sidebar">
+              <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
+                <i class="fa-fw fas fa-bars"></i>
+              </button>
             </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../../../../../pir/shortcodes/children/children-1/children-1-1/index.html" title="plank 1-1 (🡒)">
-                <i class="fa-fw fas fa-chevron-left"></i>
+            <div id="sidebar-overlay"></div>
+            <div class="topbar-button topbar-toc">
+              <button onclick="showToc()" type="button" title="Table o&#39; Contents (CTRL&#43;ALT&#43;t)">
+                <i class="fa-fw fas fa-list-alt"></i>
+              </button>
+            </div>
+            <div class="default-animation progress">
+              <div class="toc-wrapper">
+<nav id="TableOfContents">
+  <ul>
+    <li><a href="#subpages-of-this-page">Subpages o' this plank</a></li>
+  </ul>
+</nav>
+              </div>
+            </div>
+            <div id="toc-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../pir/shortcodes/index.html"><span itemprop="name">Shorrrtcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../pir/shortcodes/children/index.html"><span itemprop="name">Children</span></a><meta itemprop="position" content="3">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../pir/shortcodes/children/children-1/index.html"><span itemprop="name">plank 1</span></a><meta itemprop="position" content="4">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../pir/shortcodes/children/children-1/children-1-1/index.html"><span itemprop="name">plank 1-1</span></a><meta itemprop="position" content="5">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">plank 1-1-1 (hidden)</span><meta itemprop="position" content="6"></li>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-edit">
+              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-1/children-1-1/children-1-1-1/_index.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+                <i class="fa-fw fas fa-pen"></i>
               </a>
             </div>
             <div class="topbar-button topbar-print">
@@ -71,39 +96,15 @@
                 <i class="fa-fw fas fa-print"></i>
               </a>
             </div>
-            <div class="topbar-button topbar-edit">
-              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-1/children-1-1/children-1-1-1/_index.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
-                <i class="fa-fw fas fa-pen"></i>
+            <div class="topbar-button topbar-prev">
+              <a href="../../../../../../pir/shortcodes/children/children-1/children-1-1/index.html" title="plank 1-1 (🡒)">
+                <i class="fa-fw fas fa-chevron-left"></i>
               </a>
             </div>
-          </div>
-          <div class="topbar-left">
-            <div class="topbar-button topbar-sidebar">
-              <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
-                <i class="fa-fw fas fa-bars"></i>
-              </button>
-            </div>
-            <div class="topbar-button topbar-toc">
-              <button onclick="showToc()" type="button" title="Table o&#39; Contents (CTRL&#43;ALT&#43;t)">
-                <i class="fa-fw fas fa-list-alt"></i>
-              </button>
-            </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../pir/shortcodes/index.html"><span itemprop="name">Shorrrtcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../pir/shortcodes/children/index.html"><span itemprop="name">Children</span></a><meta itemprop="position" content="3">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../pir/shortcodes/children/children-1/index.html"><span itemprop="name">plank 1</span></a><meta itemprop="position" content="4">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../pir/shortcodes/children/children-1/children-1-1/index.html"><span itemprop="name">plank 1-1</span></a><meta itemprop="position" content="5">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">plank 1-1-1 (hidden)</span><meta itemprop="position" content="6"></li>
-            </ol>
-          </div>
-          <div class="default-animation progress">
-            <div class="toc-wrapper">
-<nav id="TableOfContents">
-  <ul>
-    <li><a href="#subpages-of-this-page">Subpages o' this plank</a></li>
-  </ul>
-</nav>
+            <div class="topbar-button topbar-next">
+              <a href="../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html" title="plank 1-1-1-1 (🡐)">
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </a>
             </div>
           </div>
         </div>
@@ -215,12 +216,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../js/auto-complete.js?1694553677" defer></script>
-        <script src="../../../../../../js/lunr/lunr.min.js?1694553677" defer></script>
-        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1694553677" defer></script>
-        <script src="../../../../../../js/lunr/lunr.multi.min.js?1694553677" defer></script>
-        <script src="../../../../../../js/lunr/lunr.en.min.js?1694553677" defer></script>
-        <script src="../../../../../../js/search.js?1694553677" defer></script>
+        <script src="../../../../../../js/auto-complete.js?1694640601" defer></script>
+        <script src="../../../../../../js/lunr/lunr.min.js?1694640601" defer></script>
+        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1694640601" defer></script>
+        <script src="../../../../../../js/lunr/lunr.multi.min.js?1694640601" defer></script>
+        <script src="../../../../../../js/lunr/lunr.en.min.js?1694640601" defer></script>
+        <script src="../../../../../../js/search.js?1694640601" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -353,8 +354,12 @@
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -362,27 +367,25 @@
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../../../js/github-buttons.js?1694553677"></script>
+          <script async src="../../../../../../js/github-buttons.js?1694640601"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../js/clipboard.min.js?1694553677" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1694553677" defer></script>
-    <script src="../../../../../../js/theme.js?1694553677" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1694640601" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1694640601" defer></script>
+    <script src="../../../../../../js/theme.js?1694640601" 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 4ed7d32074..cf475cf0ce 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1694553677" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1694553677" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1694553677" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1694553677" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../css/variant.css?1694553677" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1694553677" rel="stylesheet" media="print">
-    <link href="../../../../../../css/format-print.css?1694553677" rel="stylesheet">
-    <link href="../../../../../../css/ie.css?1694553677" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1694553677"></script>
-    <script src="../../../../../../js/variant.js?1694553677"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1694640601" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1694640601" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1694640601" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1694640601" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../css/variant.css?1694640601" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1694640601" rel="stylesheet" media="print">
+    <link href="../../../../../../css/format-print.css?1694640601" rel="stylesheet">
+    <link href="../../../../../../css/ie.css?1694640601" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1694640601"></script>
+    <script src="../../../../../../js/variant.js?1694640601"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -52,26 +52,26 @@
   </head>
   <body class="mobile-support print disableInlineCopyToClipboard" data-url="../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-1/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../pir/shortcodes/index.html"><span itemprop="name">Shorrrtcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../pir/shortcodes/children/index.html"><span itemprop="name">Children</span></a><meta itemprop="position" content="3">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../pir/shortcodes/children/children-1/index.html"><span itemprop="name">plank 1</span></a><meta itemprop="position" content="4">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../pir/shortcodes/children/children-1/children-1-1/index.html"><span itemprop="name">plank 1-1</span></a><meta itemprop="position" content="5">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">plank 1-1-1 (hidden)</span><meta itemprop="position" content="6"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
           </div>
         </div>
       </nav>
@@ -134,8 +134,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../js/clipboard.min.js?1694553678" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1694553678" defer></script>
-    <script src="../../../../../../js/theme.js?1694553678" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1694640602" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1694640602" defer></script>
+    <script src="../../../../../../js/theme.js?1694640602" 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 2b57d66bf2..5506900620 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../../../../../../../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../../../../../../../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../../../../../../../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../../../../../../../js/url.js?1694553675"></script>
-    <script src="../../../../../../../js/variant.js?1694553675"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../../../../../../../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../../../../../../../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../../../../../../../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../../../../../../../js/url.js?1694640598"></script>
+    <script src="../../../../../../../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -52,39 +52,18 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <a href="../../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.html" title="plank 1-1-2-2 (🡐)">
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-2/index.html" title="plank 1-1-2 (🡒)">
-                <i class="fa-fw fas fa-chevron-left"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-print">
-              <a href="../../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
-                <i class="fa-fw fas fa-print"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-edit">
-              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/_index.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
-                <i class="fa-fw fas fa-pen"></i>
-              </a>
-            </div>
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../../pir/shortcodes/index.html"><span itemprop="name">Shorrrtcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../../pir/shortcodes/children/index.html"><span itemprop="name">Children</span></a><meta itemprop="position" content="3">&nbsp;>&nbsp;</li>
@@ -92,7 +71,28 @@
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../../pir/shortcodes/children/children-1/children-1-1/index.html"><span itemprop="name">plank 1-1</span></a><meta itemprop="position" content="5">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-2/index.html"><span itemprop="name">plank 1-1-2</span></a><meta itemprop="position" content="6">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">plank 1-1-2-1</span><meta itemprop="position" content="7"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-edit">
+              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/_index.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+                <i class="fa-fw fas fa-pen"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-print">
+              <a href="../../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
+                <i class="fa-fw fas fa-print"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-prev">
+              <a href="../../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-2/index.html" title="plank 1-1-2 (🡒)">
+                <i class="fa-fw fas fa-chevron-left"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-next">
+              <a href="../../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.html" title="plank 1-1-2-2 (🡐)">
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </a>
+            </div>
           </div>
         </div>
       </nav>
@@ -197,12 +197,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../../js/auto-complete.js?1694553677" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.min.js?1694553677" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1694553677" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1694553677" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.en.min.js?1694553677" defer></script>
-        <script src="../../../../../../../js/search.js?1694553677" defer></script>
+        <script src="../../../../../../../js/auto-complete.js?1694640601" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.min.js?1694640601" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1694640601" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1694640601" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.en.min.js?1694640601" defer></script>
+        <script src="../../../../../../../js/search.js?1694640601" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -333,8 +333,12 @@
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -342,27 +346,25 @@
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../../../../js/github-buttons.js?1694553677"></script>
+          <script async src="../../../../../../../js/github-buttons.js?1694640601"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../../js/clipboard.min.js?1694553677" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1694553677" defer></script>
-    <script src="../../../../../../../js/theme.js?1694553677" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1694640601" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1694640601" defer></script>
+    <script src="../../../../../../../js/theme.js?1694640601" 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 64048f38a2..362522715e 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../css/fontawesome-all.min.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/nucleus.css?1694553677" rel="stylesheet">
-    <link href="../../../../../../../css/auto-complete.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1694553677" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1694553677" rel="stylesheet">
-    <link href="../../../../../../../css/theme-auto.css?1694553677" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../css/variant.css?1694553677" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1694553677" rel="stylesheet" media="print">
-    <link href="../../../../../../../css/format-print.css?1694553677" rel="stylesheet">
-    <link href="../../../../../../../css/ie.css?1694553677" rel="stylesheet">
-    <script src="../../../../../../../js/url.js?1694553677"></script>
-    <script src="../../../../../../../js/variant.js?1694553677"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/nucleus.css?1694640601" rel="stylesheet">
+    <link href="../../../../../../../css/auto-complete.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1694640601" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1694640601" rel="stylesheet">
+    <link href="../../../../../../../css/theme-auto.css?1694640601" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../css/variant.css?1694640601" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1694640601" rel="stylesheet" media="print">
+    <link href="../../../../../../../css/format-print.css?1694640601" rel="stylesheet">
+    <link href="../../../../../../../css/ie.css?1694640601" rel="stylesheet">
+    <script src="../../../../../../../js/url.js?1694640601"></script>
+    <script src="../../../../../../../js/variant.js?1694640601"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -53,19 +53,18 @@
   </head>
   <body class="mobile-support print disableInlineCopyToClipboard" data-url="../../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../../pir/shortcodes/index.html"><span itemprop="name">Shorrrtcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../../pir/shortcodes/children/index.html"><span itemprop="name">Children</span></a><meta itemprop="position" content="3">&nbsp;>&nbsp;</li>
@@ -73,7 +72,8 @@
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../../pir/shortcodes/children/children-1/children-1-1/index.html"><span itemprop="name">plank 1-1</span></a><meta itemprop="position" content="5">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-2/index.html"><span itemprop="name">plank 1-1-2</span></a><meta itemprop="position" content="6">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">plank 1-1-2-1</span><meta itemprop="position" content="7"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
           </div>
         </div>
       </nav>
@@ -100,8 +100,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../../js/clipboard.min.js?1694553678" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1694553678" defer></script>
-    <script src="../../../../../../../js/theme.js?1694553678" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1694640602" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1694640602" defer></script>
+    <script src="../../../../../../../js/theme.js?1694640602" 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 f910ff5047..e99175e426 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../../../../../../../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../../../../../../../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../../../../../../../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../../../../../../../js/url.js?1694553675"></script>
-    <script src="../../../../../../../js/variant.js?1694553675"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../../../../../../../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../../../../../../../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../../../../../../../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../../../../../../../js/url.js?1694640598"></script>
+    <script src="../../../../../../../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -52,39 +52,18 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <a href="../../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-3/index.html" title="plank 1-1-3 (🡐)">
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.html" title="plank 1-1-2-1 (🡒)">
-                <i class="fa-fw fas fa-chevron-left"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-print">
-              <a href="../../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
-                <i class="fa-fw fas fa-print"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-edit">
-              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/_index.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
-                <i class="fa-fw fas fa-pen"></i>
-              </a>
-            </div>
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../../pir/shortcodes/index.html"><span itemprop="name">Shorrrtcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../../pir/shortcodes/children/index.html"><span itemprop="name">Children</span></a><meta itemprop="position" content="3">&nbsp;>&nbsp;</li>
@@ -92,7 +71,28 @@
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../../pir/shortcodes/children/children-1/children-1-1/index.html"><span itemprop="name">plank 1-1</span></a><meta itemprop="position" content="5">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-2/index.html"><span itemprop="name">plank 1-1-2</span></a><meta itemprop="position" content="6">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">plank 1-1-2-2</span><meta itemprop="position" content="7"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-edit">
+              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/_index.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+                <i class="fa-fw fas fa-pen"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-print">
+              <a href="../../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
+                <i class="fa-fw fas fa-print"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-prev">
+              <a href="../../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.html" title="plank 1-1-2-1 (🡒)">
+                <i class="fa-fw fas fa-chevron-left"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-next">
+              <a href="../../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-3/index.html" title="plank 1-1-3 (🡐)">
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </a>
+            </div>
           </div>
         </div>
       </nav>
@@ -197,12 +197,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../../js/auto-complete.js?1694553677" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.min.js?1694553677" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1694553677" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1694553677" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.en.min.js?1694553677" defer></script>
-        <script src="../../../../../../../js/search.js?1694553677" defer></script>
+        <script src="../../../../../../../js/auto-complete.js?1694640601" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.min.js?1694640601" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1694640601" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1694640601" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.en.min.js?1694640601" defer></script>
+        <script src="../../../../../../../js/search.js?1694640601" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -333,8 +333,12 @@
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -342,27 +346,25 @@
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../../../../js/github-buttons.js?1694553677"></script>
+          <script async src="../../../../../../../js/github-buttons.js?1694640601"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../../js/clipboard.min.js?1694553677" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1694553677" defer></script>
-    <script src="../../../../../../../js/theme.js?1694553677" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1694640601" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1694640601" defer></script>
+    <script src="../../../../../../../js/theme.js?1694640601" 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 37a4c5020b..7502bcbda9 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../css/fontawesome-all.min.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/nucleus.css?1694553677" rel="stylesheet">
-    <link href="../../../../../../../css/auto-complete.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1694553677" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1694553677" rel="stylesheet">
-    <link href="../../../../../../../css/theme-auto.css?1694553677" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../css/variant.css?1694553677" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1694553677" rel="stylesheet" media="print">
-    <link href="../../../../../../../css/format-print.css?1694553677" rel="stylesheet">
-    <link href="../../../../../../../css/ie.css?1694553677" rel="stylesheet">
-    <script src="../../../../../../../js/url.js?1694553677"></script>
-    <script src="../../../../../../../js/variant.js?1694553677"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/nucleus.css?1694640601" rel="stylesheet">
+    <link href="../../../../../../../css/auto-complete.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1694640601" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1694640601" rel="stylesheet">
+    <link href="../../../../../../../css/theme-auto.css?1694640601" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../css/variant.css?1694640601" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1694640601" rel="stylesheet" media="print">
+    <link href="../../../../../../../css/format-print.css?1694640601" rel="stylesheet">
+    <link href="../../../../../../../css/ie.css?1694640601" rel="stylesheet">
+    <script src="../../../../../../../js/url.js?1694640601"></script>
+    <script src="../../../../../../../js/variant.js?1694640601"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -53,19 +53,18 @@
   </head>
   <body class="mobile-support print disableInlineCopyToClipboard" data-url="../../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../../pir/shortcodes/index.html"><span itemprop="name">Shorrrtcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../../pir/shortcodes/children/index.html"><span itemprop="name">Children</span></a><meta itemprop="position" content="3">&nbsp;>&nbsp;</li>
@@ -73,7 +72,8 @@
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../../pir/shortcodes/children/children-1/children-1-1/index.html"><span itemprop="name">plank 1-1</span></a><meta itemprop="position" content="5">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-2/index.html"><span itemprop="name">plank 1-1-2</span></a><meta itemprop="position" content="6">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">plank 1-1-2-2</span><meta itemprop="position" content="7"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
           </div>
         </div>
       </nav>
@@ -100,8 +100,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../../js/clipboard.min.js?1694553678" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1694553678" defer></script>
-    <script src="../../../../../../../js/theme.js?1694553678" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1694640602" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1694640602" defer></script>
+    <script src="../../../../../../../js/theme.js?1694640602" 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 b4721161b8..acede4ea29 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../../../../../../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1694553675"></script>
-    <script src="../../../../../../js/variant.js?1694553675"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../../../../../../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1694640598"></script>
+    <script src="../../../../../../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -52,19 +52,44 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-2/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <a href="../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.html" title="plank 1-1-2-1 (🡐)">
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </a>
+          <div class="topbar-sidebar-divider"></div>
+          <div class="topbar-left">
+            <div class="topbar-button topbar-sidebar">
+              <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
+                <i class="fa-fw fas fa-bars"></i>
+              </button>
             </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../../../../../pir/shortcodes/children/children-1/children-1-1/index.html" title="plank 1-1 (🡒)">
-                <i class="fa-fw fas fa-chevron-left"></i>
+            <div id="sidebar-overlay"></div>
+            <div class="topbar-button topbar-toc">
+              <button onclick="showToc()" type="button" title="Table o&#39; Contents (CTRL&#43;ALT&#43;t)">
+                <i class="fa-fw fas fa-list-alt"></i>
+              </button>
+            </div>
+            <div class="default-animation progress">
+              <div class="toc-wrapper">
+<nav id="TableOfContents">
+  <ul>
+    <li><a href="#subpages-of-this-page">Subpages o' this plank</a></li>
+  </ul>
+</nav>
+              </div>
+            </div>
+            <div id="toc-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../pir/shortcodes/index.html"><span itemprop="name">Shorrrtcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../pir/shortcodes/children/index.html"><span itemprop="name">Children</span></a><meta itemprop="position" content="3">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../pir/shortcodes/children/children-1/index.html"><span itemprop="name">plank 1</span></a><meta itemprop="position" content="4">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../pir/shortcodes/children/children-1/children-1-1/index.html"><span itemprop="name">plank 1-1</span></a><meta itemprop="position" content="5">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">plank 1-1-2</span><meta itemprop="position" content="6"></li>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-edit">
+              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-1/children-1-1/children-1-1-2/_index.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+                <i class="fa-fw fas fa-pen"></i>
               </a>
             </div>
             <div class="topbar-button topbar-print">
@@ -72,39 +97,15 @@
                 <i class="fa-fw fas fa-print"></i>
               </a>
             </div>
-            <div class="topbar-button topbar-edit">
-              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-1/children-1-1/children-1-1-2/_index.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
-                <i class="fa-fw fas fa-pen"></i>
+            <div class="topbar-button topbar-prev">
+              <a href="../../../../../../pir/shortcodes/children/children-1/children-1-1/index.html" title="plank 1-1 (🡒)">
+                <i class="fa-fw fas fa-chevron-left"></i>
               </a>
             </div>
-          </div>
-          <div class="topbar-left">
-            <div class="topbar-button topbar-sidebar">
-              <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
-                <i class="fa-fw fas fa-bars"></i>
-              </button>
-            </div>
-            <div class="topbar-button topbar-toc">
-              <button onclick="showToc()" type="button" title="Table o&#39; Contents (CTRL&#43;ALT&#43;t)">
-                <i class="fa-fw fas fa-list-alt"></i>
-              </button>
-            </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../pir/shortcodes/index.html"><span itemprop="name">Shorrrtcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../pir/shortcodes/children/index.html"><span itemprop="name">Children</span></a><meta itemprop="position" content="3">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../pir/shortcodes/children/children-1/index.html"><span itemprop="name">plank 1</span></a><meta itemprop="position" content="4">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../pir/shortcodes/children/children-1/children-1-1/index.html"><span itemprop="name">plank 1-1</span></a><meta itemprop="position" content="5">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">plank 1-1-2</span><meta itemprop="position" content="6"></li>
-            </ol>
-          </div>
-          <div class="default-animation progress">
-            <div class="toc-wrapper">
-<nav id="TableOfContents">
-  <ul>
-    <li><a href="#subpages-of-this-page">Subpages o' this plank</a></li>
-  </ul>
-</nav>
+            <div class="topbar-button topbar-next">
+              <a href="../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.html" title="plank 1-1-2-1 (🡐)">
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </a>
             </div>
           </div>
         </div>
@@ -217,12 +218,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../js/auto-complete.js?1694553677" defer></script>
-        <script src="../../../../../../js/lunr/lunr.min.js?1694553677" defer></script>
-        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1694553677" defer></script>
-        <script src="../../../../../../js/lunr/lunr.multi.min.js?1694553677" defer></script>
-        <script src="../../../../../../js/lunr/lunr.en.min.js?1694553677" defer></script>
-        <script src="../../../../../../js/search.js?1694553677" defer></script>
+        <script src="../../../../../../js/auto-complete.js?1694640601" defer></script>
+        <script src="../../../../../../js/lunr/lunr.min.js?1694640601" defer></script>
+        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1694640601" defer></script>
+        <script src="../../../../../../js/lunr/lunr.multi.min.js?1694640601" defer></script>
+        <script src="../../../../../../js/lunr/lunr.en.min.js?1694640601" defer></script>
+        <script src="../../../../../../js/search.js?1694640601" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -353,8 +354,12 @@
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -362,27 +367,25 @@
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../../../js/github-buttons.js?1694553677"></script>
+          <script async src="../../../../../../js/github-buttons.js?1694640601"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../js/clipboard.min.js?1694553677" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1694553677" defer></script>
-    <script src="../../../../../../js/theme.js?1694553677" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1694640601" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1694640601" defer></script>
+    <script src="../../../../../../js/theme.js?1694640601" 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 10b4ba6a00..6e8818f5df 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1694553677" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1694553677" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1694553677" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1694553677" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../css/variant.css?1694553677" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1694553677" rel="stylesheet" media="print">
-    <link href="../../../../../../css/format-print.css?1694553677" rel="stylesheet">
-    <link href="../../../../../../css/ie.css?1694553677" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1694553677"></script>
-    <script src="../../../../../../js/variant.js?1694553677"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1694640601" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1694640601" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1694640601" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1694640601" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../css/variant.css?1694640601" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1694640601" rel="stylesheet" media="print">
+    <link href="../../../../../../css/format-print.css?1694640601" rel="stylesheet">
+    <link href="../../../../../../css/ie.css?1694640601" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1694640601"></script>
+    <script src="../../../../../../js/variant.js?1694640601"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -53,26 +53,26 @@
   </head>
   <body class="mobile-support print disableInlineCopyToClipboard" data-url="../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-2/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../pir/shortcodes/index.html"><span itemprop="name">Shorrrtcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../pir/shortcodes/children/index.html"><span itemprop="name">Children</span></a><meta itemprop="position" content="3">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../pir/shortcodes/children/children-1/index.html"><span itemprop="name">plank 1</span></a><meta itemprop="position" content="4">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../pir/shortcodes/children/children-1/children-1-1/index.html"><span itemprop="name">plank 1-1</span></a><meta itemprop="position" content="5">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">plank 1-1-2</span><meta itemprop="position" content="6"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
           </div>
         </div>
       </nav>
@@ -145,8 +145,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../js/clipboard.min.js?1694553678" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1694553678" defer></script>
-    <script src="../../../../../../js/theme.js?1694553678" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1694640602" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1694640602" defer></script>
+    <script src="../../../../../../js/theme.js?1694640602" 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 b8ab23b362..df1e4d855a 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../../../../../../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1694553675"></script>
-    <script src="../../../../../../js/variant.js?1694553675"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../../../../../../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1694640598"></script>
+    <script src="../../../../../../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -52,19 +52,29 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-3/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <a href="../../../../../../pir/shortcodes/children/children-2/index.html" title="plank 2 (🡐)">
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </a>
+          <div class="topbar-sidebar-divider"></div>
+          <div class="topbar-left">
+            <div class="topbar-button topbar-sidebar">
+              <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
+                <i class="fa-fw fas fa-bars"></i>
+              </button>
             </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.html" title="plank 1-1-2-2 (🡒)">
-                <i class="fa-fw fas fa-chevron-left"></i>
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../pir/shortcodes/index.html"><span itemprop="name">Shorrrtcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../pir/shortcodes/children/index.html"><span itemprop="name">Children</span></a><meta itemprop="position" content="3">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../pir/shortcodes/children/children-1/index.html"><span itemprop="name">plank 1</span></a><meta itemprop="position" content="4">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../pir/shortcodes/children/children-1/children-1-1/index.html"><span itemprop="name">plank 1-1</span></a><meta itemprop="position" content="5">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">plank 1-1-3</span><meta itemprop="position" content="6"></li>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-edit">
+              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-1/children-1-1/children-1-1-3/_index.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+                <i class="fa-fw fas fa-pen"></i>
               </a>
             </div>
             <div class="topbar-button topbar-print">
@@ -72,26 +82,16 @@
                 <i class="fa-fw fas fa-print"></i>
               </a>
             </div>
-            <div class="topbar-button topbar-edit">
-              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-1/children-1-1/children-1-1-3/_index.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
-                <i class="fa-fw fas fa-pen"></i>
+            <div class="topbar-button topbar-prev">
+              <a href="../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.html" title="plank 1-1-2-2 (🡒)">
+                <i class="fa-fw fas fa-chevron-left"></i>
               </a>
             </div>
-          </div>
-          <div class="topbar-left">
-            <div class="topbar-button topbar-sidebar">
-              <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
-                <i class="fa-fw fas fa-bars"></i>
-              </button>
+            <div class="topbar-button topbar-next">
+              <a href="../../../../../../pir/shortcodes/children/children-2/index.html" title="plank 2 (🡐)">
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </a>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../pir/shortcodes/index.html"><span itemprop="name">Shorrrtcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../pir/shortcodes/children/index.html"><span itemprop="name">Children</span></a><meta itemprop="position" content="3">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../pir/shortcodes/children/children-1/index.html"><span itemprop="name">plank 1</span></a><meta itemprop="position" content="4">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../pir/shortcodes/children/children-1/children-1-1/index.html"><span itemprop="name">plank 1-1</span></a><meta itemprop="position" content="5">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">plank 1-1-3</span><meta itemprop="position" content="6"></li>
-            </ol>
           </div>
         </div>
       </nav>
@@ -196,12 +196,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../js/auto-complete.js?1694553677" defer></script>
-        <script src="../../../../../../js/lunr/lunr.min.js?1694553677" defer></script>
-        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1694553677" defer></script>
-        <script src="../../../../../../js/lunr/lunr.multi.min.js?1694553677" defer></script>
-        <script src="../../../../../../js/lunr/lunr.en.min.js?1694553677" defer></script>
-        <script src="../../../../../../js/search.js?1694553677" defer></script>
+        <script src="../../../../../../js/auto-complete.js?1694640601" defer></script>
+        <script src="../../../../../../js/lunr/lunr.min.js?1694640601" defer></script>
+        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1694640601" defer></script>
+        <script src="../../../../../../js/lunr/lunr.multi.min.js?1694640601" defer></script>
+        <script src="../../../../../../js/lunr/lunr.en.min.js?1694640601" defer></script>
+        <script src="../../../../../../js/search.js?1694640601" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -332,8 +332,12 @@
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -341,27 +345,25 @@
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../../../js/github-buttons.js?1694553677"></script>
+          <script async src="../../../../../../js/github-buttons.js?1694640601"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../js/clipboard.min.js?1694553677" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1694553677" defer></script>
-    <script src="../../../../../../js/theme.js?1694553677" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1694640601" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1694640601" defer></script>
+    <script src="../../../../../../js/theme.js?1694640601" 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 5883463339..eac36af58b 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1694553677" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1694553677" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1694553677" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1694553677" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../css/variant.css?1694553677" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1694553677" rel="stylesheet" media="print">
-    <link href="../../../../../../css/format-print.css?1694553677" rel="stylesheet">
-    <link href="../../../../../../css/ie.css?1694553677" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1694553677"></script>
-    <script src="../../../../../../js/variant.js?1694553677"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1694640601" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1694640601" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1694640601" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1694640601" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../css/variant.css?1694640601" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1694640601" rel="stylesheet" media="print">
+    <link href="../../../../../../css/format-print.css?1694640601" rel="stylesheet">
+    <link href="../../../../../../css/ie.css?1694640601" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1694640601"></script>
+    <script src="../../../../../../js/variant.js?1694640601"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -53,26 +53,26 @@
   </head>
   <body class="mobile-support print disableInlineCopyToClipboard" data-url="../../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-3/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../pir/shortcodes/index.html"><span itemprop="name">Shorrrtcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../pir/shortcodes/children/index.html"><span itemprop="name">Children</span></a><meta itemprop="position" content="3">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../pir/shortcodes/children/children-1/index.html"><span itemprop="name">plank 1</span></a><meta itemprop="position" content="4">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../pir/shortcodes/children/children-1/children-1-1/index.html"><span itemprop="name">plank 1-1</span></a><meta itemprop="position" content="5">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">plank 1-1-3</span><meta itemprop="position" content="6"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
           </div>
         </div>
       </nav>
@@ -99,8 +99,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../js/clipboard.min.js?1694553678" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1694553678" defer></script>
-    <script src="../../../../../../js/theme.js?1694553678" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1694640602" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1694640602" defer></script>
+    <script src="../../../../../../js/theme.js?1694640602" 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 a7c324809e..452be77fbb 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../../../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../../../../../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../../../../../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../../../../../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../../../../../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../../../../../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../../../../../js/url.js?1694553675"></script>
-    <script src="../../../../../js/variant.js?1694553675"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../../../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../../../../../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../../../../../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../../../../../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../../../../../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../../../../../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../../../../../js/url.js?1694640598"></script>
+    <script src="../../../../../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -52,19 +52,43 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../../../../pir/shortcodes/children/children-1/children-1-1/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <a href="../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-2/index.html" title="plank 1-1-2 (🡐)">
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </a>
+          <div class="topbar-sidebar-divider"></div>
+          <div class="topbar-left">
+            <div class="topbar-button topbar-sidebar">
+              <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
+                <i class="fa-fw fas fa-bars"></i>
+              </button>
             </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../../../../pir/shortcodes/children/children-1/index.html" title="plank 1 (🡒)">
-                <i class="fa-fw fas fa-chevron-left"></i>
+            <div id="sidebar-overlay"></div>
+            <div class="topbar-button topbar-toc">
+              <button onclick="showToc()" type="button" title="Table o&#39; Contents (CTRL&#43;ALT&#43;t)">
+                <i class="fa-fw fas fa-list-alt"></i>
+              </button>
+            </div>
+            <div class="default-animation progress">
+              <div class="toc-wrapper">
+<nav id="TableOfContents">
+  <ul>
+    <li><a href="#subpages-of-this-page">Subpages o' this plank</a></li>
+  </ul>
+</nav>
+              </div>
+            </div>
+            <div id="toc-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../pir/shortcodes/index.html"><span itemprop="name">Shorrrtcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../pir/shortcodes/children/index.html"><span itemprop="name">Children</span></a><meta itemprop="position" content="3">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../pir/shortcodes/children/children-1/index.html"><span itemprop="name">plank 1</span></a><meta itemprop="position" content="4">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">plank 1-1</span><meta itemprop="position" content="5"></li>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-edit">
+              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-1/children-1-1/_index.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+                <i class="fa-fw fas fa-pen"></i>
               </a>
             </div>
             <div class="topbar-button topbar-print">
@@ -72,38 +96,15 @@
                 <i class="fa-fw fas fa-print"></i>
               </a>
             </div>
-            <div class="topbar-button topbar-edit">
-              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-1/children-1-1/_index.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
-                <i class="fa-fw fas fa-pen"></i>
+            <div class="topbar-button topbar-prev">
+              <a href="../../../../../pir/shortcodes/children/children-1/index.html" title="plank 1 (🡒)">
+                <i class="fa-fw fas fa-chevron-left"></i>
               </a>
             </div>
-          </div>
-          <div class="topbar-left">
-            <div class="topbar-button topbar-sidebar">
-              <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
-                <i class="fa-fw fas fa-bars"></i>
-              </button>
-            </div>
-            <div class="topbar-button topbar-toc">
-              <button onclick="showToc()" type="button" title="Table o&#39; Contents (CTRL&#43;ALT&#43;t)">
-                <i class="fa-fw fas fa-list-alt"></i>
-              </button>
-            </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../pir/shortcodes/index.html"><span itemprop="name">Shorrrtcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../pir/shortcodes/children/index.html"><span itemprop="name">Children</span></a><meta itemprop="position" content="3">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../pir/shortcodes/children/children-1/index.html"><span itemprop="name">plank 1</span></a><meta itemprop="position" content="4">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">plank 1-1</span><meta itemprop="position" content="5"></li>
-            </ol>
-          </div>
-          <div class="default-animation progress">
-            <div class="toc-wrapper">
-<nav id="TableOfContents">
-  <ul>
-    <li><a href="#subpages-of-this-page">Subpages o' this plank</a></li>
-  </ul>
-</nav>
+            <div class="topbar-button topbar-next">
+              <a href="../../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-2/index.html" title="plank 1-1-2 (🡐)">
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </a>
             </div>
           </div>
         </div>
@@ -217,12 +218,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../js/auto-complete.js?1694553677" defer></script>
-        <script src="../../../../../js/lunr/lunr.min.js?1694553677" defer></script>
-        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1694553677" defer></script>
-        <script src="../../../../../js/lunr/lunr.multi.min.js?1694553677" defer></script>
-        <script src="../../../../../js/lunr/lunr.en.min.js?1694553677" defer></script>
-        <script src="../../../../../js/search.js?1694553677" defer></script>
+        <script src="../../../../../js/auto-complete.js?1694640601" defer></script>
+        <script src="../../../../../js/lunr/lunr.min.js?1694640601" defer></script>
+        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1694640601" defer></script>
+        <script src="../../../../../js/lunr/lunr.multi.min.js?1694640601" defer></script>
+        <script src="../../../../../js/lunr/lunr.en.min.js?1694640601" defer></script>
+        <script src="../../../../../js/search.js?1694640601" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -353,8 +354,12 @@
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -362,27 +367,25 @@
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../../js/github-buttons.js?1694553677"></script>
+          <script async src="../../../../../js/github-buttons.js?1694640601"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../js/clipboard.min.js?1694553677" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1694553677" defer></script>
-    <script src="../../../../../js/theme.js?1694553677" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1694640601" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1694640601" defer></script>
+    <script src="../../../../../js/theme.js?1694640601" 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 3701fba969..2e42fda4ad 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../../../css/nucleus.css?1694553677" rel="stylesheet">
-    <link href="../../../../../css/auto-complete.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1694553677" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1694553677" rel="stylesheet">
-    <link href="../../../../../css/theme-auto.css?1694553677" rel="stylesheet" id="variant-style">
-    <link href="../../../../../css/variant.css?1694553677" rel="stylesheet">
-    <link href="../../../../../css/print.css?1694553677" rel="stylesheet" media="print">
-    <link href="../../../../../css/format-print.css?1694553677" rel="stylesheet">
-    <link href="../../../../../css/ie.css?1694553677" rel="stylesheet">
-    <script src="../../../../../js/url.js?1694553677"></script>
-    <script src="../../../../../js/variant.js?1694553677"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../../../css/nucleus.css?1694640601" rel="stylesheet">
+    <link href="../../../../../css/auto-complete.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1694640601" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1694640601" rel="stylesheet">
+    <link href="../../../../../css/theme-auto.css?1694640601" rel="stylesheet" id="variant-style">
+    <link href="../../../../../css/variant.css?1694640601" rel="stylesheet">
+    <link href="../../../../../css/print.css?1694640601" rel="stylesheet" media="print">
+    <link href="../../../../../css/format-print.css?1694640601" rel="stylesheet">
+    <link href="../../../../../css/ie.css?1694640601" rel="stylesheet">
+    <script src="../../../../../js/url.js?1694640601"></script>
+    <script src="../../../../../js/variant.js?1694640601"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -53,25 +53,25 @@
   </head>
   <body class="mobile-support print disableInlineCopyToClipboard" data-url="../../../../../pir/shortcodes/children/children-1/children-1-1/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../pir/shortcodes/index.html"><span itemprop="name">Shorrrtcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../pir/shortcodes/children/index.html"><span itemprop="name">Children</span></a><meta itemprop="position" content="3">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../pir/shortcodes/children/children-1/index.html"><span itemprop="name">plank 1</span></a><meta itemprop="position" content="4">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">plank 1-1</span><meta itemprop="position" content="5"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
           </div>
         </div>
       </nav>
@@ -191,8 +191,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../js/clipboard.min.js?1694553678" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1694553678" defer></script>
-    <script src="../../../../../js/theme.js?1694553678" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1694640602" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1694640602" defer></script>
+    <script src="../../../../../js/theme.js?1694640602" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-1/index.html b/pir/shortcodes/children/children-1/index.html
index 849406979a..f7af63f2eb 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../../../../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../../../../js/url.js?1694553675"></script>
-    <script src="../../../../js/variant.js?1694553675"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../../../../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../../../../js/url.js?1694640598"></script>
+    <script src="../../../../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -52,19 +52,42 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../../../pir/shortcodes/children/children-1/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <a href="../../../../pir/shortcodes/children/children-1/children-1-1/index.html" title="plank 1-1 (🡐)">
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </a>
+          <div class="topbar-sidebar-divider"></div>
+          <div class="topbar-left">
+            <div class="topbar-button topbar-sidebar">
+              <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
+                <i class="fa-fw fas fa-bars"></i>
+              </button>
             </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../../../pir/shortcodes/children/test/index.html" title="plank X (🡒)">
-                <i class="fa-fw fas fa-chevron-left"></i>
+            <div id="sidebar-overlay"></div>
+            <div class="topbar-button topbar-toc">
+              <button onclick="showToc()" type="button" title="Table o&#39; Contents (CTRL&#43;ALT&#43;t)">
+                <i class="fa-fw fas fa-list-alt"></i>
+              </button>
+            </div>
+            <div class="default-animation progress">
+              <div class="toc-wrapper">
+<nav id="TableOfContents">
+  <ul>
+    <li><a href="#subpages-of-this-page">Subpages o' this plank</a></li>
+  </ul>
+</nav>
+              </div>
+            </div>
+            <div id="toc-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../pir/shortcodes/index.html"><span itemprop="name">Shorrrtcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../pir/shortcodes/children/index.html"><span itemprop="name">Children</span></a><meta itemprop="position" content="3">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">plank 1</span><meta itemprop="position" content="4"></li>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-edit">
+              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-1/_index.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+                <i class="fa-fw fas fa-pen"></i>
               </a>
             </div>
             <div class="topbar-button topbar-print">
@@ -72,37 +95,15 @@
                 <i class="fa-fw fas fa-print"></i>
               </a>
             </div>
-            <div class="topbar-button topbar-edit">
-              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-1/_index.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
-                <i class="fa-fw fas fa-pen"></i>
+            <div class="topbar-button topbar-prev">
+              <a href="../../../../pir/shortcodes/children/test/index.html" title="plank X (🡒)">
+                <i class="fa-fw fas fa-chevron-left"></i>
               </a>
             </div>
-          </div>
-          <div class="topbar-left">
-            <div class="topbar-button topbar-sidebar">
-              <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
-                <i class="fa-fw fas fa-bars"></i>
-              </button>
-            </div>
-            <div class="topbar-button topbar-toc">
-              <button onclick="showToc()" type="button" title="Table o&#39; Contents (CTRL&#43;ALT&#43;t)">
-                <i class="fa-fw fas fa-list-alt"></i>
-              </button>
-            </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../pir/shortcodes/index.html"><span itemprop="name">Shorrrtcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../pir/shortcodes/children/index.html"><span itemprop="name">Children</span></a><meta itemprop="position" content="3">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">plank 1</span><meta itemprop="position" content="4"></li>
-            </ol>
-          </div>
-          <div class="default-animation progress">
-            <div class="toc-wrapper">
-<nav id="TableOfContents">
-  <ul>
-    <li><a href="#subpages-of-this-page">Subpages o' this plank</a></li>
-  </ul>
-</nav>
+            <div class="topbar-button topbar-next">
+              <a href="../../../../pir/shortcodes/children/children-1/children-1-1/index.html" title="plank 1-1 (🡐)">
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </a>
             </div>
           </div>
         </div>
@@ -214,12 +215,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1694553677" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1694553677" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1694553677" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1694553677" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1694553677" defer></script>
-        <script src="../../../../js/search.js?1694553677" defer></script>
+        <script src="../../../../js/auto-complete.js?1694640601" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1694640601" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1694640601" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1694640601" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1694640601" defer></script>
+        <script src="../../../../js/search.js?1694640601" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -350,8 +351,12 @@
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -359,27 +364,25 @@
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../js/github-buttons.js?1694553677"></script>
+          <script async src="../../../../js/github-buttons.js?1694640601"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1694553677" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1694553677" defer></script>
-    <script src="../../../../js/theme.js?1694553677" defer></script>
+    <script src="../../../../js/clipboard.min.js?1694640601" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1694640601" defer></script>
+    <script src="../../../../js/theme.js?1694640601" 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 2af70b5906..27c7051100 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1694553677" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1694553677" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1694553677" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1694553677" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1694553677" rel="stylesheet">
-    <link href="../../../../css/print.css?1694553677" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1694553677" rel="stylesheet">
-    <link href="../../../../css/ie.css?1694553677" rel="stylesheet">
-    <script src="../../../../js/url.js?1694553677"></script>
-    <script src="../../../../js/variant.js?1694553677"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1694640601" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1694640601" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1694640601" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1694640601" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1694640601" rel="stylesheet">
+    <link href="../../../../css/print.css?1694640601" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1694640601" rel="stylesheet">
+    <link href="../../../../css/ie.css?1694640601" rel="stylesheet">
+    <script src="../../../../js/url.js?1694640601"></script>
+    <script src="../../../../js/variant.js?1694640601"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -53,24 +53,24 @@
   </head>
   <body class="mobile-support print disableInlineCopyToClipboard" data-url="../../../../pir/shortcodes/children/children-1/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../pir/shortcodes/index.html"><span itemprop="name">Shorrrtcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../pir/shortcodes/children/index.html"><span itemprop="name">Children</span></a><meta itemprop="position" content="3">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">plank 1</span><meta itemprop="position" content="4"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
           </div>
         </div>
       </nav>
@@ -217,8 +217,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1694553678" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1694553678" defer></script>
-    <script src="../../../../js/theme.js?1694553678" defer></script>
+    <script src="../../../../js/clipboard.min.js?1694640602" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1694640602" defer></script>
+    <script src="../../../../js/theme.js?1694640602" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-2/index.html b/pir/shortcodes/children/children-2/index.html
index 3df2c59c64..7756989cda 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../../../../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../../../../js/url.js?1694553675"></script>
-    <script src="../../../../js/variant.js?1694553675"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../../../../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../../../../js/url.js?1694640598"></script>
+    <script src="../../../../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -52,19 +52,27 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../../../pir/shortcodes/children/children-2/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <a href="../../../../pir/shortcodes/children/children-3/index.html" title="plank 3 (🡐)">
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </a>
+          <div class="topbar-sidebar-divider"></div>
+          <div class="topbar-left">
+            <div class="topbar-button topbar-sidebar">
+              <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
+                <i class="fa-fw fas fa-bars"></i>
+              </button>
             </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-3/index.html" title="plank 1-1-3 (🡒)">
-                <i class="fa-fw fas fa-chevron-left"></i>
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../pir/shortcodes/index.html"><span itemprop="name">Shorrrtcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../pir/shortcodes/children/index.html"><span itemprop="name">Children</span></a><meta itemprop="position" content="3">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">plank 2</span><meta itemprop="position" content="4"></li>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-edit">
+              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-2/_index.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+                <i class="fa-fw fas fa-pen"></i>
               </a>
             </div>
             <div class="topbar-button topbar-print">
@@ -72,24 +80,16 @@
                 <i class="fa-fw fas fa-print"></i>
               </a>
             </div>
-            <div class="topbar-button topbar-edit">
-              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-2/_index.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
-                <i class="fa-fw fas fa-pen"></i>
+            <div class="topbar-button topbar-prev">
+              <a href="../../../../pir/shortcodes/children/children-1/children-1-1/children-1-1-3/index.html" title="plank 1-1-3 (🡒)">
+                <i class="fa-fw fas fa-chevron-left"></i>
               </a>
             </div>
-          </div>
-          <div class="topbar-left">
-            <div class="topbar-button topbar-sidebar">
-              <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
-                <i class="fa-fw fas fa-bars"></i>
-              </button>
+            <div class="topbar-button topbar-next">
+              <a href="../../../../pir/shortcodes/children/children-3/index.html" title="plank 3 (🡐)">
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </a>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../pir/shortcodes/index.html"><span itemprop="name">Shorrrtcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../pir/shortcodes/children/index.html"><span itemprop="name">Children</span></a><meta itemprop="position" content="3">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">plank 2</span><meta itemprop="position" content="4"></li>
-            </ol>
           </div>
         </div>
       </nav>
@@ -195,12 +195,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1694553677" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1694553677" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1694553677" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1694553677" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1694553677" defer></script>
-        <script src="../../../../js/search.js?1694553677" defer></script>
+        <script src="../../../../js/auto-complete.js?1694640601" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1694640601" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1694640601" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1694640601" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1694640601" defer></script>
+        <script src="../../../../js/search.js?1694640601" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -331,8 +331,12 @@
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -340,27 +344,25 @@
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../js/github-buttons.js?1694553677"></script>
+          <script async src="../../../../js/github-buttons.js?1694640601"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1694553677" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1694553677" defer></script>
-    <script src="../../../../js/theme.js?1694553677" defer></script>
+    <script src="../../../../js/clipboard.min.js?1694640601" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1694640601" defer></script>
+    <script src="../../../../js/theme.js?1694640601" 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 c2daa5a2a1..681be737e0 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1694553677" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1694553677" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1694553677" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1694553677" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1694553677" rel="stylesheet">
-    <link href="../../../../css/print.css?1694553677" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1694553677" rel="stylesheet">
-    <link href="../../../../css/ie.css?1694553677" rel="stylesheet">
-    <script src="../../../../js/url.js?1694553677"></script>
-    <script src="../../../../js/variant.js?1694553677"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1694640601" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1694640601" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1694640601" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1694640601" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1694640601" rel="stylesheet">
+    <link href="../../../../css/print.css?1694640601" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1694640601" rel="stylesheet">
+    <link href="../../../../css/ie.css?1694640601" rel="stylesheet">
+    <script src="../../../../js/url.js?1694640601"></script>
+    <script src="../../../../js/variant.js?1694640601"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -53,24 +53,24 @@
   </head>
   <body class="mobile-support print disableInlineCopyToClipboard" data-url="../../../../pir/shortcodes/children/children-2/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../pir/shortcodes/index.html"><span itemprop="name">Shorrrtcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../pir/shortcodes/children/index.html"><span itemprop="name">Children</span></a><meta itemprop="position" content="3">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">plank 2</span><meta itemprop="position" content="4"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
           </div>
         </div>
       </nav>
@@ -98,8 +98,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1694553678" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1694553678" defer></script>
-    <script src="../../../../js/theme.js?1694553678" defer></script>
+    <script src="../../../../js/clipboard.min.js?1694640602" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1694640602" defer></script>
+    <script src="../../../../js/theme.js?1694640602" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-3/index.html b/pir/shortcodes/children/children-3/index.html
index 701f26c85b..3dee2bf67c 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../../../../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../../../../js/url.js?1694553675"></script>
-    <script src="../../../../js/variant.js?1694553675"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../../../../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../../../../js/url.js?1694640598"></script>
+    <script src="../../../../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -52,19 +52,42 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../../../pir/shortcodes/children/children-3/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <a href="../../../../pir/shortcodes/children/children-3/test3/index.html" title="plank 3-1 (🡐)">
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </a>
+          <div class="topbar-sidebar-divider"></div>
+          <div class="topbar-left">
+            <div class="topbar-button topbar-sidebar">
+              <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
+                <i class="fa-fw fas fa-bars"></i>
+              </button>
             </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../../../pir/shortcodes/children/children-2/index.html" title="plank 2 (🡒)">
-                <i class="fa-fw fas fa-chevron-left"></i>
+            <div id="sidebar-overlay"></div>
+            <div class="topbar-button topbar-toc">
+              <button onclick="showToc()" type="button" title="Table o&#39; Contents (CTRL&#43;ALT&#43;t)">
+                <i class="fa-fw fas fa-list-alt"></i>
+              </button>
+            </div>
+            <div class="default-animation progress">
+              <div class="toc-wrapper">
+<nav id="TableOfContents">
+  <ul>
+    <li><a href="#subpages-of-this-page">Subpages o' this plank</a></li>
+  </ul>
+</nav>
+              </div>
+            </div>
+            <div id="toc-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../pir/shortcodes/index.html"><span itemprop="name">Shorrrtcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../pir/shortcodes/children/index.html"><span itemprop="name">Children</span></a><meta itemprop="position" content="3">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">plank 3</span><meta itemprop="position" content="4"></li>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-edit">
+              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-3/_index.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+                <i class="fa-fw fas fa-pen"></i>
               </a>
             </div>
             <div class="topbar-button topbar-print">
@@ -72,37 +95,15 @@
                 <i class="fa-fw fas fa-print"></i>
               </a>
             </div>
-            <div class="topbar-button topbar-edit">
-              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-3/_index.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
-                <i class="fa-fw fas fa-pen"></i>
+            <div class="topbar-button topbar-prev">
+              <a href="../../../../pir/shortcodes/children/children-2/index.html" title="plank 2 (🡒)">
+                <i class="fa-fw fas fa-chevron-left"></i>
               </a>
             </div>
-          </div>
-          <div class="topbar-left">
-            <div class="topbar-button topbar-sidebar">
-              <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
-                <i class="fa-fw fas fa-bars"></i>
-              </button>
-            </div>
-            <div class="topbar-button topbar-toc">
-              <button onclick="showToc()" type="button" title="Table o&#39; Contents (CTRL&#43;ALT&#43;t)">
-                <i class="fa-fw fas fa-list-alt"></i>
-              </button>
-            </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../pir/shortcodes/index.html"><span itemprop="name">Shorrrtcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../pir/shortcodes/children/index.html"><span itemprop="name">Children</span></a><meta itemprop="position" content="3">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">plank 3</span><meta itemprop="position" content="4"></li>
-            </ol>
-          </div>
-          <div class="default-animation progress">
-            <div class="toc-wrapper">
-<nav id="TableOfContents">
-  <ul>
-    <li><a href="#subpages-of-this-page">Subpages o' this plank</a></li>
-  </ul>
-</nav>
+            <div class="topbar-button topbar-next">
+              <a href="../../../../pir/shortcodes/children/children-3/test3/index.html" title="plank 3-1 (🡐)">
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </a>
             </div>
           </div>
         </div>
@@ -214,12 +215,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1694553677" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1694553677" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1694553677" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1694553677" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1694553677" defer></script>
-        <script src="../../../../js/search.js?1694553677" defer></script>
+        <script src="../../../../js/auto-complete.js?1694640601" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1694640601" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1694640601" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1694640601" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1694640601" defer></script>
+        <script src="../../../../js/search.js?1694640601" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -350,8 +351,12 @@
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -359,27 +364,25 @@
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../js/github-buttons.js?1694553677"></script>
+          <script async src="../../../../js/github-buttons.js?1694640601"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1694553677" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1694553677" defer></script>
-    <script src="../../../../js/theme.js?1694553677" defer></script>
+    <script src="../../../../js/clipboard.min.js?1694640601" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1694640601" defer></script>
+    <script src="../../../../js/theme.js?1694640601" 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 8012a5f394..04720b1f96 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1694553677" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1694553677" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1694553677" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1694553677" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1694553677" rel="stylesheet">
-    <link href="../../../../css/print.css?1694553677" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1694553677" rel="stylesheet">
-    <link href="../../../../css/ie.css?1694553677" rel="stylesheet">
-    <script src="../../../../js/url.js?1694553677"></script>
-    <script src="../../../../js/variant.js?1694553677"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1694640601" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1694640601" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1694640601" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1694640601" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1694640601" rel="stylesheet">
+    <link href="../../../../css/print.css?1694640601" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1694640601" rel="stylesheet">
+    <link href="../../../../css/ie.css?1694640601" rel="stylesheet">
+    <script src="../../../../js/url.js?1694640601"></script>
+    <script src="../../../../js/variant.js?1694640601"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -53,24 +53,24 @@
   </head>
   <body class="mobile-support print disableInlineCopyToClipboard" data-url="../../../../pir/shortcodes/children/children-3/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../pir/shortcodes/index.html"><span itemprop="name">Shorrrtcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../pir/shortcodes/children/index.html"><span itemprop="name">Children</span></a><meta itemprop="position" content="3">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">plank 3</span><meta itemprop="position" content="4"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
           </div>
         </div>
       </nav>
@@ -124,8 +124,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1694553678" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1694553678" defer></script>
-    <script src="../../../../js/theme.js?1694553678" defer></script>
+    <script src="../../../../js/clipboard.min.js?1694640602" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1694640602" defer></script>
+    <script src="../../../../js/theme.js?1694640602" 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 9862ea2cde..68bf0b1e57 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../../../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../../../../../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../../../../../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../../../../../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../../../../../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../../../../../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../../../../../js/url.js?1694553675"></script>
-    <script src="../../../../../js/variant.js?1694553675"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../../../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../../../../../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../../../../../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../../../../../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../../../../../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../../../../../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../../../../../js/url.js?1694640598"></script>
+    <script src="../../../../../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -52,19 +52,28 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../../../../pir/shortcodes/children/children-3/test3/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <a href="../../../../../pir/shortcodes/expand/index.html" title="Expand (🡐)">
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </a>
+          <div class="topbar-sidebar-divider"></div>
+          <div class="topbar-left">
+            <div class="topbar-button topbar-sidebar">
+              <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
+                <i class="fa-fw fas fa-bars"></i>
+              </button>
             </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../../../../pir/shortcodes/children/children-3/index.html" title="plank 3 (🡒)">
-                <i class="fa-fw fas fa-chevron-left"></i>
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../pir/shortcodes/index.html"><span itemprop="name">Shorrrtcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../pir/shortcodes/children/index.html"><span itemprop="name">Children</span></a><meta itemprop="position" content="3">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../pir/shortcodes/children/children-3/index.html"><span itemprop="name">plank 3</span></a><meta itemprop="position" content="4">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">plank 3-1</span><meta itemprop="position" content="5"></li>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-edit">
+              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-3/test3.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+                <i class="fa-fw fas fa-pen"></i>
               </a>
             </div>
             <div class="topbar-button topbar-print">
@@ -72,25 +81,16 @@
                 <i class="fa-fw fas fa-print"></i>
               </a>
             </div>
-            <div class="topbar-button topbar-edit">
-              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-3/test3.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
-                <i class="fa-fw fas fa-pen"></i>
+            <div class="topbar-button topbar-prev">
+              <a href="../../../../../pir/shortcodes/children/children-3/index.html" title="plank 3 (🡒)">
+                <i class="fa-fw fas fa-chevron-left"></i>
               </a>
             </div>
-          </div>
-          <div class="topbar-left">
-            <div class="topbar-button topbar-sidebar">
-              <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
-                <i class="fa-fw fas fa-bars"></i>
-              </button>
+            <div class="topbar-button topbar-next">
+              <a href="../../../../../pir/shortcodes/expand/index.html" title="Expand (🡐)">
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </a>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../pir/shortcodes/index.html"><span itemprop="name">Shorrrtcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../pir/shortcodes/children/index.html"><span itemprop="name">Children</span></a><meta itemprop="position" content="3">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../pir/shortcodes/children/children-3/index.html"><span itemprop="name">plank 3</span></a><meta itemprop="position" content="4">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">plank 3-1</span><meta itemprop="position" content="5"></li>
-            </ol>
           </div>
         </div>
       </nav>
@@ -195,12 +195,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../js/auto-complete.js?1694553676" defer></script>
-        <script src="../../../../../js/lunr/lunr.min.js?1694553676" defer></script>
-        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1694553676" defer></script>
-        <script src="../../../../../js/lunr/lunr.multi.min.js?1694553676" defer></script>
-        <script src="../../../../../js/lunr/lunr.en.min.js?1694553676" defer></script>
-        <script src="../../../../../js/search.js?1694553676" defer></script>
+        <script src="../../../../../js/auto-complete.js?1694640600" defer></script>
+        <script src="../../../../../js/lunr/lunr.min.js?1694640600" defer></script>
+        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1694640600" defer></script>
+        <script src="../../../../../js/lunr/lunr.multi.min.js?1694640600" defer></script>
+        <script src="../../../../../js/lunr/lunr.en.min.js?1694640600" defer></script>
+        <script src="../../../../../js/search.js?1694640600" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -331,8 +331,12 @@
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -340,27 +344,25 @@
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../../js/github-buttons.js?1694553676"></script>
+          <script async src="../../../../../js/github-buttons.js?1694640600"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../js/clipboard.min.js?1694553676" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1694553676" defer></script>
-    <script src="../../../../../js/theme.js?1694553676" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1694640600" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1694640600" defer></script>
+    <script src="../../../../../js/theme.js?1694640600" 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 4d5c4e6ce5..9f7bb2e828 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../../../css/nucleus.css?1694553677" rel="stylesheet">
-    <link href="../../../../../css/auto-complete.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1694553677" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1694553677" rel="stylesheet">
-    <link href="../../../../../css/theme-auto.css?1694553677" rel="stylesheet" id="variant-style">
-    <link href="../../../../../css/variant.css?1694553677" rel="stylesheet">
-    <link href="../../../../../css/print.css?1694553677" rel="stylesheet" media="print">
-    <link href="../../../../../css/format-print.css?1694553677" rel="stylesheet">
-    <link href="../../../../../css/ie.css?1694553677" rel="stylesheet">
-    <script src="../../../../../js/url.js?1694553677"></script>
-    <script src="../../../../../js/variant.js?1694553677"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../../../css/nucleus.css?1694640601" rel="stylesheet">
+    <link href="../../../../../css/auto-complete.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1694640601" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1694640601" rel="stylesheet">
+    <link href="../../../../../css/theme-auto.css?1694640601" rel="stylesheet" id="variant-style">
+    <link href="../../../../../css/variant.css?1694640601" rel="stylesheet">
+    <link href="../../../../../css/print.css?1694640601" rel="stylesheet" media="print">
+    <link href="../../../../../css/format-print.css?1694640601" rel="stylesheet">
+    <link href="../../../../../css/ie.css?1694640601" rel="stylesheet">
+    <script src="../../../../../js/url.js?1694640601"></script>
+    <script src="../../../../../js/variant.js?1694640601"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -53,25 +53,25 @@
   </head>
   <body class="mobile-support print disableInlineCopyToClipboard" data-url="../../../../../pir/shortcodes/children/children-3/test3/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../pir/shortcodes/index.html"><span itemprop="name">Shorrrtcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../pir/shortcodes/children/index.html"><span itemprop="name">Children</span></a><meta itemprop="position" content="3">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../pir/shortcodes/children/children-3/index.html"><span itemprop="name">plank 3</span></a><meta itemprop="position" content="4">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">plank 3-1</span><meta itemprop="position" content="5"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
           </div>
         </div>
       </nav>
@@ -98,8 +98,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../js/clipboard.min.js?1694553677" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1694553677" defer></script>
-    <script src="../../../../../js/theme.js?1694553677" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1694640601" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1694640601" defer></script>
+    <script src="../../../../../js/theme.js?1694640601" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-4/index.html b/pir/shortcodes/children/children-4/index.html
index 83c97b1640..9760241b20 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../../../../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../../../../js/url.js?1694553675"></script>
-    <script src="../../../../js/variant.js?1694553675"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../../../../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../../../../js/url.js?1694640598"></script>
+    <script src="../../../../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -51,19 +51,27 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../../../pir/shortcodes/children/children-4/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <a href="../../../../pir/shortcodes/expand/index.html" title="Expand (🡐)">
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </a>
+          <div class="topbar-sidebar-divider"></div>
+          <div class="topbar-left">
+            <div class="topbar-button topbar-sidebar">
+              <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
+                <i class="fa-fw fas fa-bars"></i>
+              </button>
             </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../../../pir/shortcodes/children/children-3/test3/index.html" title="plank 3-1 (🡒)">
-                <i class="fa-fw fas fa-chevron-left"></i>
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../pir/shortcodes/index.html"><span itemprop="name">Shorrrtcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../pir/shortcodes/children/index.html"><span itemprop="name">Children</span></a><meta itemprop="position" content="3">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">plank 4 (hidden)</span><meta itemprop="position" content="4"></li>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-edit">
+              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-4/_index.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+                <i class="fa-fw fas fa-pen"></i>
               </a>
             </div>
             <div class="topbar-button topbar-print">
@@ -71,24 +79,16 @@
                 <i class="fa-fw fas fa-print"></i>
               </a>
             </div>
-            <div class="topbar-button topbar-edit">
-              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-4/_index.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
-                <i class="fa-fw fas fa-pen"></i>
+            <div class="topbar-button topbar-prev">
+              <a href="../../../../pir/shortcodes/children/children-3/test3/index.html" title="plank 3-1 (🡒)">
+                <i class="fa-fw fas fa-chevron-left"></i>
               </a>
             </div>
-          </div>
-          <div class="topbar-left">
-            <div class="topbar-button topbar-sidebar">
-              <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
-                <i class="fa-fw fas fa-bars"></i>
-              </button>
+            <div class="topbar-button topbar-next">
+              <a href="../../../../pir/shortcodes/expand/index.html" title="Expand (🡐)">
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </a>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../pir/shortcodes/index.html"><span itemprop="name">Shorrrtcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../pir/shortcodes/children/index.html"><span itemprop="name">Children</span></a><meta itemprop="position" content="3">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">plank 4 (hidden)</span><meta itemprop="position" content="4"></li>
-            </ol>
           </div>
         </div>
       </nav>
@@ -193,12 +193,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1694553677" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1694553677" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1694553677" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1694553677" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1694553677" defer></script>
-        <script src="../../../../js/search.js?1694553677" defer></script>
+        <script src="../../../../js/auto-complete.js?1694640601" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1694640601" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1694640601" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1694640601" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1694640601" defer></script>
+        <script src="../../../../js/search.js?1694640601" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -330,8 +330,12 @@
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -339,27 +343,25 @@
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../js/github-buttons.js?1694553677"></script>
+          <script async src="../../../../js/github-buttons.js?1694640601"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1694553677" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1694553677" defer></script>
-    <script src="../../../../js/theme.js?1694553677" defer></script>
+    <script src="../../../../js/clipboard.min.js?1694640601" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1694640601" defer></script>
+    <script src="../../../../js/theme.js?1694640601" 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 7cd7f6ec74..701197cef7 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1694553677" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1694553677" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1694553677" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1694553677" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1694553677" rel="stylesheet">
-    <link href="../../../../css/print.css?1694553677" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1694553677" rel="stylesheet">
-    <link href="../../../../css/ie.css?1694553677" rel="stylesheet">
-    <script src="../../../../js/url.js?1694553677"></script>
-    <script src="../../../../js/variant.js?1694553677"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1694640601" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1694640601" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1694640601" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1694640601" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1694640601" rel="stylesheet">
+    <link href="../../../../css/print.css?1694640601" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1694640601" rel="stylesheet">
+    <link href="../../../../css/ie.css?1694640601" rel="stylesheet">
+    <script src="../../../../js/url.js?1694640601"></script>
+    <script src="../../../../js/variant.js?1694640601"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -52,24 +52,24 @@
   </head>
   <body class="mobile-support print disableInlineCopyToClipboard" data-url="../../../../pir/shortcodes/children/children-4/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../pir/shortcodes/index.html"><span itemprop="name">Shorrrtcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../pir/shortcodes/children/index.html"><span itemprop="name">Children</span></a><meta itemprop="position" content="3">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">plank 4 (hidden)</span><meta itemprop="position" content="4"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
           </div>
         </div>
       </nav>
@@ -96,8 +96,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1694553678" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1694553678" defer></script>
-    <script src="../../../../js/theme.js?1694553678" defer></script>
+    <script src="../../../../js/clipboard.min.js?1694640602" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1694640602" defer></script>
+    <script src="../../../../js/theme.js?1694640602" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/index.html b/pir/shortcodes/children/index.html
index afb300dc09..e900881758 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../../../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../../../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../../../js/url.js?1694553675"></script>
-    <script src="../../../js/variant.js?1694553675"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../../../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../../../js/url.js?1694640598"></script>
+    <script src="../../../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -52,51 +52,23 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../../pir/shortcodes/children/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <a href="../../../pir/shortcodes/children/test/index.html" title="plank X (🡐)">
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../../pir/shortcodes/button/index.html" title="Button (🡒)">
-                <i class="fa-fw fas fa-chevron-left"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-print">
-              <a href="../../../pir/shortcodes/children/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
-                <i class="fa-fw fas fa-print"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-edit">
-              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/_index.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
-                <i class="fa-fw fas fa-pen"></i>
-              </a>
-            </div>
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
+            <div id="sidebar-overlay"></div>
             <div class="topbar-button topbar-toc">
               <button onclick="showToc()" type="button" title="Table o&#39; Contents (CTRL&#43;ALT&#43;t)">
                 <i class="fa-fw fas fa-list-alt"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/shortcodes/index.html"><span itemprop="name">Shorrrtcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Children</span><meta itemprop="position" content="3"></li>
-            </ol>
-          </div>
-          <div class="default-animation progress">
-            <div class="toc-wrapper">
+            <div class="default-animation progress">
+              <div class="toc-wrapper">
 <nav id="TableOfContents">
   <ul>
     <li><a href="#usage">Usage</a>
@@ -115,6 +87,35 @@
     </li>
   </ul>
 </nav>
+              </div>
+            </div>
+            <div id="toc-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/shortcodes/index.html"><span itemprop="name">Shorrrtcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Children</span><meta itemprop="position" content="3"></li>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-edit">
+              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/_index.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+                <i class="fa-fw fas fa-pen"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-print">
+              <a href="../../../pir/shortcodes/children/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
+                <i class="fa-fw fas fa-print"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-prev">
+              <a href="../../../pir/shortcodes/button/index.html" title="Button (🡒)">
+                <i class="fa-fw fas fa-chevron-left"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-next">
+              <a href="../../../pir/shortcodes/children/test/index.html" title="plank X (🡐)">
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </a>
             </div>
           </div>
         </div>
@@ -409,12 +410,12 @@ So its rrrambl'n be used as descript'n.</p>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1694553677" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1694553677" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694553677" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1694553677" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1694553677" defer></script>
-        <script src="../../../js/search.js?1694553677" defer></script>
+        <script src="../../../js/auto-complete.js?1694640601" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1694640601" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694640601" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1694640601" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1694640601" defer></script>
+        <script src="../../../js/search.js?1694640601" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -545,8 +546,12 @@ So its rrrambl'n be used as descript'n.</p>
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -554,27 +559,25 @@ So its rrrambl'n be used as descript'n.</p>
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1694553677"></script>
+          <script async src="../../../js/github-buttons.js?1694640601"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1694553677" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1694553677" defer></script>
-    <script src="../../../js/theme.js?1694553677" defer></script>
+    <script src="../../../js/clipboard.min.js?1694640601" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694640601" defer></script>
+    <script src="../../../js/theme.js?1694640601" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/index.print.html b/pir/shortcodes/children/index.print.html
index 0bce7641d3..7571e3de48 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1694553677" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1694553677" rel="stylesheet">
-    <link href="../../../css/fonts.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1694553677" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1694553677" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1694553677" rel="stylesheet">
-    <link href="../../../css/print.css?1694553677" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1694553677" rel="stylesheet">
-    <link href="../../../css/ie.css?1694553677" rel="stylesheet">
-    <script src="../../../js/url.js?1694553677"></script>
-    <script src="../../../js/variant.js?1694553677"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694640601" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694640601" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694640601" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694640601" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694640601" rel="stylesheet">
+    <link href="../../../css/print.css?1694640601" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1694640601" rel="stylesheet">
+    <link href="../../../css/ie.css?1694640601" rel="stylesheet">
+    <script src="../../../js/url.js?1694640601"></script>
+    <script src="../../../js/variant.js?1694640601"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -53,23 +53,23 @@
   </head>
   <body class="mobile-support print disableInlineCopyToClipboard" data-url="../../../pir/shortcodes/children/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/shortcodes/index.html"><span itemprop="name">Shorrrtcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Children</span><meta itemprop="position" content="3"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
           </div>
         </div>
       </nav>
@@ -507,8 +507,8 @@ So its rrrambl'n be used as descript'n.</p>
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1694553678" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1694553678" defer></script>
-    <script src="../../../js/theme.js?1694553678" defer></script>
+    <script src="../../../js/clipboard.min.js?1694640602" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694640602" defer></script>
+    <script src="../../../js/theme.js?1694640602" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/test/index.html b/pir/shortcodes/children/test/index.html
index f295986318..0652303ff7 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../../../../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../../../../js/url.js?1694553675"></script>
-    <script src="../../../../js/variant.js?1694553675"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../../../../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../../../../js/url.js?1694640598"></script>
+    <script src="../../../../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -53,19 +53,27 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../../../pir/shortcodes/children/test/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <a href="../../../../pir/shortcodes/children/children-1/index.html" title="plank 1 (🡐)">
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </a>
+          <div class="topbar-sidebar-divider"></div>
+          <div class="topbar-left">
+            <div class="topbar-button topbar-sidebar">
+              <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
+                <i class="fa-fw fas fa-bars"></i>
+              </button>
             </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../../../pir/shortcodes/children/index.html" title="Children (🡒)">
-                <i class="fa-fw fas fa-chevron-left"></i>
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../pir/shortcodes/index.html"><span itemprop="name">Shorrrtcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../pir/shortcodes/children/index.html"><span itemprop="name">Children</span></a><meta itemprop="position" content="3">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">plank X</span><meta itemprop="position" content="4"></li>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-edit">
+              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/test.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+                <i class="fa-fw fas fa-pen"></i>
               </a>
             </div>
             <div class="topbar-button topbar-print">
@@ -73,24 +81,16 @@
                 <i class="fa-fw fas fa-print"></i>
               </a>
             </div>
-            <div class="topbar-button topbar-edit">
-              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/test.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
-                <i class="fa-fw fas fa-pen"></i>
+            <div class="topbar-button topbar-prev">
+              <a href="../../../../pir/shortcodes/children/index.html" title="Children (🡒)">
+                <i class="fa-fw fas fa-chevron-left"></i>
               </a>
             </div>
-          </div>
-          <div class="topbar-left">
-            <div class="topbar-button topbar-sidebar">
-              <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
-                <i class="fa-fw fas fa-bars"></i>
-              </button>
+            <div class="topbar-button topbar-next">
+              <a href="../../../../pir/shortcodes/children/children-1/index.html" title="plank 1 (🡐)">
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </a>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../pir/shortcodes/index.html"><span itemprop="name">Shorrrtcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../pir/shortcodes/children/index.html"><span itemprop="name">Children</span></a><meta itemprop="position" content="3">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">plank X</span><meta itemprop="position" content="4"></li>
-            </ol>
           </div>
         </div>
       </nav>
@@ -194,12 +194,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1694553676" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1694553676" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1694553676" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1694553676" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1694553676" defer></script>
-        <script src="../../../../js/search.js?1694553676" defer></script>
+        <script src="../../../../js/auto-complete.js?1694640600" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1694640600" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1694640600" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1694640600" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1694640600" defer></script>
+        <script src="../../../../js/search.js?1694640600" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -330,8 +330,12 @@
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -339,27 +343,25 @@
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../js/github-buttons.js?1694553676"></script>
+          <script async src="../../../../js/github-buttons.js?1694640600"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1694553676" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1694553676" defer></script>
-    <script src="../../../../js/theme.js?1694553676" defer></script>
+    <script src="../../../../js/clipboard.min.js?1694640600" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1694640600" defer></script>
+    <script src="../../../../js/theme.js?1694640600" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/test/index.print.html b/pir/shortcodes/children/test/index.print.html
index e38ec22d02..a34aee3691 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1694553677" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1694553677" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1694553677" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1694553677" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1694553677" rel="stylesheet">
-    <link href="../../../../css/print.css?1694553677" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1694553677" rel="stylesheet">
-    <link href="../../../../css/ie.css?1694553677" rel="stylesheet">
-    <script src="../../../../js/url.js?1694553677"></script>
-    <script src="../../../../js/variant.js?1694553677"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1694640601" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1694640601" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1694640601" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1694640601" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1694640601" rel="stylesheet">
+    <link href="../../../../css/print.css?1694640601" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1694640601" rel="stylesheet">
+    <link href="../../../../css/ie.css?1694640601" rel="stylesheet">
+    <script src="../../../../js/url.js?1694640601"></script>
+    <script src="../../../../js/variant.js?1694640601"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -54,24 +54,24 @@
   </head>
   <body class="mobile-support print disableInlineCopyToClipboard" data-url="../../../../pir/shortcodes/children/test/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../pir/shortcodes/index.html"><span itemprop="name">Shorrrtcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../pir/shortcodes/children/index.html"><span itemprop="name">Children</span></a><meta itemprop="position" content="3">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">plank X</span><meta itemprop="position" content="4"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
           </div>
         </div>
       </nav>
@@ -97,8 +97,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1694553677" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1694553677" defer></script>
-    <script src="../../../../js/theme.js?1694553677" defer></script>
+    <script src="../../../../js/clipboard.min.js?1694640601" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1694640601" defer></script>
+    <script src="../../../../js/theme.js?1694640601" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/expand/index.html b/pir/shortcodes/expand/index.html
index 9c9262a0fa..f5e54fd613 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../../../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../../../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../../../js/url.js?1694553675"></script>
-    <script src="../../../js/variant.js?1694553675"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../../../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../../../js/url.js?1694640598"></script>
+    <script src="../../../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -52,51 +52,23 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../../pir/shortcodes/expand/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <a href="../../../pir/shortcodes/highlight/index.html" title="Highlight (🡐)">
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../../pir/shortcodes/children/children-3/test3/index.html" title="plank 3-1 (🡒)">
-                <i class="fa-fw fas fa-chevron-left"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-print">
-              <a href="../../../pir/shortcodes/expand/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
-                <i class="fa-fw fas fa-print"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-edit">
-              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/expand.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
-                <i class="fa-fw fas fa-pen"></i>
-              </a>
-            </div>
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
+            <div id="sidebar-overlay"></div>
             <div class="topbar-button topbar-toc">
               <button onclick="showToc()" type="button" title="Table o&#39; Contents (CTRL&#43;ALT&#43;t)">
                 <i class="fa-fw fas fa-list-alt"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/shortcodes/index.html"><span itemprop="name">Shorrrtcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Expand</span><meta itemprop="position" content="3"></li>
-            </ol>
-          </div>
-          <div class="default-animation progress">
-            <div class="toc-wrapper">
+            <div class="default-animation progress">
+              <div class="toc-wrapper">
 <nav id="TableOfContents">
   <ul>
     <li><a href="#usage">Usage</a>
@@ -113,6 +85,35 @@
     </li>
   </ul>
 </nav>
+              </div>
+            </div>
+            <div id="toc-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/shortcodes/index.html"><span itemprop="name">Shorrrtcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Expand</span><meta itemprop="position" content="3"></li>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-edit">
+              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/expand.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+                <i class="fa-fw fas fa-pen"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-print">
+              <a href="../../../pir/shortcodes/expand/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
+                <i class="fa-fw fas fa-print"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-prev">
+              <a href="../../../pir/shortcodes/children/children-3/test3/index.html" title="plank 3-1 (🡒)">
+                <i class="fa-fw fas fa-chevron-left"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-next">
+              <a href="../../../pir/shortcodes/highlight/index.html" title="Highlight (🡐)">
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </a>
             </div>
           </div>
         </div>
@@ -128,13 +129,13 @@
 <p>Th' <code>expand</code> shortcode displays an expandable/collaps'ble section o' text.</p>
 
 <div class="expand">
-    <input type="checkbox" id="expand-eadc263e5b3af6f99531b8217ab7bc60" aria-controls="expandcontent-eadc263e5b3af6f99531b8217ab7bc60" >
-    <label class="expand-label" for="expand-eadc263e5b3af6f99531b8217ab7bc60" >
+    <input type="checkbox" id="expand-0773755b5d02bc2abf195deaa9b60279" aria-controls="expandcontent-0773755b5d02bc2abf195deaa9b60279" >
+    <label class="expand-label" for="expand-0773755b5d02bc2abf195deaa9b60279" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-eadc263e5b3af6f99531b8217ab7bc60" class="expand-content">
+    <div id="expandcontent-0773755b5d02bc2abf195deaa9b60279" 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>
@@ -261,26 +262,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-278bd33c7236adcd4a43aeed3b42e1f7" aria-controls="expandcontent-278bd33c7236adcd4a43aeed3b42e1f7" >
-    <label class="expand-label" for="expand-278bd33c7236adcd4a43aeed3b42e1f7" >
+    <input type="checkbox" id="expand-87b8545fc8dd02c27ea8b9b1b2abaf36" aria-controls="expandcontent-87b8545fc8dd02c27ea8b9b1b2abaf36" >
+    <label class="expand-label" for="expand-87b8545fc8dd02c27ea8b9b1b2abaf36" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-278bd33c7236adcd4a43aeed3b42e1f7" class="expand-content">
+    <div id="expandcontent-87b8545fc8dd02c27ea8b9b1b2abaf36" 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-e16112edcc2712ddaaa03270a63cefa1" aria-controls="expandcontent-e16112edcc2712ddaaa03270a63cefa1"  checked>
-    <label class="expand-label" for="expand-e16112edcc2712ddaaa03270a63cefa1" >
+    <input type="checkbox" id="expand-d83e0a73221a776567f9fbcda8fa8f3c" aria-controls="expandcontent-d83e0a73221a776567f9fbcda8fa8f3c"  checked>
+    <label class="expand-label" for="expand-d83e0a73221a776567f9fbcda8fa8f3c" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-e16112edcc2712ddaaa03270a63cefa1" class="expand-content">
+    <div id="expandcontent-d83e0a73221a776567f9fbcda8fa8f3c" class="expand-content">
 <p>
 No need t' press ye!</div>
 </div>
@@ -301,13 +302,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-07b970505b709256ad045489cdd2c428" aria-controls="expandcontent-07b970505b709256ad045489cdd2c428" >
-    <label class="expand-label" for="expand-07b970505b709256ad045489cdd2c428" >
+    <input type="checkbox" id="expand-c4a6014835ed1cb5b57bb9a33dc86836" aria-controls="expandcontent-c4a6014835ed1cb5b57bb9a33dc86836" >
+    <label class="expand-label" for="expand-c4a6014835ed1cb5b57bb9a33dc86836" >
         <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-07b970505b709256ad045489cdd2c428" class="expand-content">
+    <div id="expandcontent-c4a6014835ed1cb5b57bb9a33dc86836" class="expand-content">
 
 <p>Ye can add standard markdown rules:</p>
 <ul>
@@ -410,12 +411,12 @@ No need t' press ye!</div>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1694553675" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1694553675" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694553675" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1694553675" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1694553675" defer></script>
-        <script src="../../../js/search.js?1694553675" defer></script>
+        <script src="../../../js/auto-complete.js?1694640599" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1694640599" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694640599" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1694640599" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1694640599" defer></script>
+        <script src="../../../js/search.js?1694640599" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -546,8 +547,12 @@ No need t' press ye!</div>
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -555,27 +560,25 @@ No need t' press ye!</div>
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1694553675"></script>
+          <script async src="../../../js/github-buttons.js?1694640599"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1694553675" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1694553675" defer></script>
-    <script src="../../../js/theme.js?1694553675" defer></script>
+    <script src="../../../js/clipboard.min.js?1694640599" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694640599" defer></script>
+    <script src="../../../js/theme.js?1694640599" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/expand/index.print.html b/pir/shortcodes/expand/index.print.html
index 968f708047..fe7aa7bf5e 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1694553677" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1694553677" rel="stylesheet">
-    <link href="../../../css/fonts.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1694553677" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1694553677" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1694553677" rel="stylesheet">
-    <link href="../../../css/print.css?1694553677" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1694553677" rel="stylesheet">
-    <link href="../../../css/ie.css?1694553677" rel="stylesheet">
-    <script src="../../../js/url.js?1694553677"></script>
-    <script src="../../../js/variant.js?1694553677"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694640601" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694640601" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694640601" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694640601" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694640601" rel="stylesheet">
+    <link href="../../../css/print.css?1694640601" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1694640601" rel="stylesheet">
+    <link href="../../../css/ie.css?1694640601" rel="stylesheet">
+    <script src="../../../js/url.js?1694640601"></script>
+    <script src="../../../js/variant.js?1694640601"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -53,23 +53,23 @@
   </head>
   <body class="mobile-support print disableInlineCopyToClipboard" data-url="../../../pir/shortcodes/expand/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/shortcodes/index.html"><span itemprop="name">Shorrrtcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Expand</span><meta itemprop="position" content="3"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
           </div>
         </div>
       </nav>
@@ -84,13 +84,13 @@
 <p>Th' <code>expand</code> shortcode displays an expandable/collaps'ble section o' text.</p>
 
 <div class="expand">
-    <input type="checkbox" id="expand-eadc263e5b3af6f99531b8217ab7bc60" aria-controls="expandcontent-eadc263e5b3af6f99531b8217ab7bc60" >
-    <label class="expand-label" for="expand-eadc263e5b3af6f99531b8217ab7bc60" >
+    <input type="checkbox" id="expand-0773755b5d02bc2abf195deaa9b60279" aria-controls="expandcontent-0773755b5d02bc2abf195deaa9b60279" >
+    <label class="expand-label" for="expand-0773755b5d02bc2abf195deaa9b60279" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-eadc263e5b3af6f99531b8217ab7bc60" class="expand-content">
+    <div id="expandcontent-0773755b5d02bc2abf195deaa9b60279" 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>
@@ -217,26 +217,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-278bd33c7236adcd4a43aeed3b42e1f7" aria-controls="expandcontent-278bd33c7236adcd4a43aeed3b42e1f7" >
-    <label class="expand-label" for="expand-278bd33c7236adcd4a43aeed3b42e1f7" >
+    <input type="checkbox" id="expand-87b8545fc8dd02c27ea8b9b1b2abaf36" aria-controls="expandcontent-87b8545fc8dd02c27ea8b9b1b2abaf36" >
+    <label class="expand-label" for="expand-87b8545fc8dd02c27ea8b9b1b2abaf36" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-278bd33c7236adcd4a43aeed3b42e1f7" class="expand-content">
+    <div id="expandcontent-87b8545fc8dd02c27ea8b9b1b2abaf36" 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-e16112edcc2712ddaaa03270a63cefa1" aria-controls="expandcontent-e16112edcc2712ddaaa03270a63cefa1"  checked>
-    <label class="expand-label" for="expand-e16112edcc2712ddaaa03270a63cefa1" >
+    <input type="checkbox" id="expand-d83e0a73221a776567f9fbcda8fa8f3c" aria-controls="expandcontent-d83e0a73221a776567f9fbcda8fa8f3c"  checked>
+    <label class="expand-label" for="expand-d83e0a73221a776567f9fbcda8fa8f3c" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-e16112edcc2712ddaaa03270a63cefa1" class="expand-content">
+    <div id="expandcontent-d83e0a73221a776567f9fbcda8fa8f3c" class="expand-content">
 <p>
 No need t' press ye!</div>
 </div>
@@ -257,13 +257,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-07b970505b709256ad045489cdd2c428" aria-controls="expandcontent-07b970505b709256ad045489cdd2c428" >
-    <label class="expand-label" for="expand-07b970505b709256ad045489cdd2c428" >
+    <input type="checkbox" id="expand-c4a6014835ed1cb5b57bb9a33dc86836" aria-controls="expandcontent-c4a6014835ed1cb5b57bb9a33dc86836" >
+    <label class="expand-label" for="expand-c4a6014835ed1cb5b57bb9a33dc86836" >
         <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-07b970505b709256ad045489cdd2c428" class="expand-content">
+    <div id="expandcontent-c4a6014835ed1cb5b57bb9a33dc86836" class="expand-content">
 
 <p>Ye can add standard markdown rules:</p>
 <ul>
@@ -288,8 +288,8 @@ No need t' press ye!</div>
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1694553677" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1694553677" defer></script>
-    <script src="../../../js/theme.js?1694553677" defer></script>
+    <script src="../../../js/clipboard.min.js?1694640601" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694640601" defer></script>
+    <script src="../../../js/theme.js?1694640601" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/highlight/index.html b/pir/shortcodes/highlight/index.html
index f64a34f35d..3c79c4bf1e 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../../../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../../../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../../../js/url.js?1694553675"></script>
-    <script src="../../../js/variant.js?1694553675"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../../../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../../../js/url.js?1694640598"></script>
+    <script src="../../../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -52,51 +52,23 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../../pir/shortcodes/highlight/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <a href="../../../pir/shortcodes/icon/index.html" title="Icon (🡐)">
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../../pir/shortcodes/expand/index.html" title="Expand (🡒)">
-                <i class="fa-fw fas fa-chevron-left"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-print">
-              <a href="../../../pir/shortcodes/highlight/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
-                <i class="fa-fw fas fa-print"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-edit">
-              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/highlight.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
-                <i class="fa-fw fas fa-pen"></i>
-              </a>
-            </div>
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
+            <div id="sidebar-overlay"></div>
             <div class="topbar-button topbar-toc">
               <button onclick="showToc()" type="button" title="Table o&#39; Contents (CTRL&#43;ALT&#43;t)">
                 <i class="fa-fw fas fa-list-alt"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/shortcodes/index.html"><span itemprop="name">Shorrrtcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Highlight</span><meta itemprop="position" content="3"></li>
-            </ol>
-          </div>
-          <div class="default-animation progress">
-            <div class="toc-wrapper">
+            <div class="default-animation progress">
+              <div class="toc-wrapper">
 <nav id="TableOfContents">
   <ul>
     <li><a href="#usage">Usage</a>
@@ -120,6 +92,35 @@
     </li>
   </ul>
 </nav>
+              </div>
+            </div>
+            <div id="toc-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/shortcodes/index.html"><span itemprop="name">Shorrrtcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Highlight</span><meta itemprop="position" content="3"></li>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-edit">
+              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/highlight.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+                <i class="fa-fw fas fa-pen"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-print">
+              <a href="../../../pir/shortcodes/highlight/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
+                <i class="fa-fw fas fa-print"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-prev">
+              <a href="../../../pir/shortcodes/expand/index.html" title="Expand (🡒)">
+                <i class="fa-fw fas fa-chevron-left"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-next">
+              <a href="../../../pir/shortcodes/icon/index.html" title="Icon (🡐)">
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </a>
             </div>
           </div>
         </div>
@@ -142,13 +143,13 @@
 <p>Th' <code>highlight</code> shortcode renders yer code wit' a rules highlighter.</p>
 
   
-<div class="tab-panel" data-tab-group="1012da90088e2b0054d3d594430b3d92">
+<div class="tab-panel" data-tab-group="fd9fcd30549b83e8518e156e5ce9408e">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="python"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('1012da90088e2b0054d3d594430b3d92','python')"
+      onclick="switchTab('fd9fcd30549b83e8518e156e5ce9408e','python')"
     >
       <div>
         <div class="tab-nav-hidden">python</div>
@@ -371,13 +372,13 @@
 </span></span></span><span class="line"><span class="cl"><span class="gh"></span>print(&#34;Hello World!&#34;)
 </span></span><span class="line"><span class="cl">```</span></span></code></pre></div>
   
-<div class="tab-panel" data-tab-group="0b2e670392b4457afde2c7b5b093f554">
+<div class="tab-panel" data-tab-group="353f9be4d00d8e52955e8497138a8516">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="python"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('0b2e670392b4457afde2c7b5b093f554','python')"
+      onclick="switchTab('353f9be4d00d8e52955e8497138a8516','python')"
     >
       <div>
         <div class="tab-nav-hidden">python</div>
@@ -499,12 +500,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1694553675" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1694553675" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694553675" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1694553675" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1694553675" defer></script>
-        <script src="../../../js/search.js?1694553675" defer></script>
+        <script src="../../../js/auto-complete.js?1694640599" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1694640599" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694640599" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1694640599" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1694640599" defer></script>
+        <script src="../../../js/search.js?1694640599" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -635,8 +636,12 @@
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -644,27 +649,25 @@
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1694553675"></script>
+          <script async src="../../../js/github-buttons.js?1694640599"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1694553675" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1694553675" defer></script>
-    <script src="../../../js/theme.js?1694553675" defer></script>
+    <script src="../../../js/clipboard.min.js?1694640599" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694640599" defer></script>
+    <script src="../../../js/theme.js?1694640599" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/highlight/index.print.html b/pir/shortcodes/highlight/index.print.html
index 4000b8e503..0c0818ea6f 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1694553677" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1694553677" rel="stylesheet">
-    <link href="../../../css/fonts.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1694553677" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1694553677" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1694553677" rel="stylesheet">
-    <link href="../../../css/print.css?1694553677" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1694553677" rel="stylesheet">
-    <link href="../../../css/ie.css?1694553677" rel="stylesheet">
-    <script src="../../../js/url.js?1694553677"></script>
-    <script src="../../../js/variant.js?1694553677"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694640601" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694640601" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694640601" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694640601" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694640601" rel="stylesheet">
+    <link href="../../../css/print.css?1694640601" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1694640601" rel="stylesheet">
+    <link href="../../../css/ie.css?1694640601" rel="stylesheet">
+    <script src="../../../js/url.js?1694640601"></script>
+    <script src="../../../js/variant.js?1694640601"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -53,23 +53,23 @@
   </head>
   <body class="mobile-support print disableInlineCopyToClipboard" data-url="../../../pir/shortcodes/highlight/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/shortcodes/index.html"><span itemprop="name">Shorrrtcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Highlight</span><meta itemprop="position" content="3"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
           </div>
         </div>
       </nav>
@@ -91,13 +91,13 @@
 <p>Th' <code>highlight</code> shortcode renders yer code wit' a rules highlighter.</p>
 
   
-<div class="tab-panel" data-tab-group="1012da90088e2b0054d3d594430b3d92">
+<div class="tab-panel" data-tab-group="fd9fcd30549b83e8518e156e5ce9408e">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="python"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('1012da90088e2b0054d3d594430b3d92','python')"
+      onclick="switchTab('fd9fcd30549b83e8518e156e5ce9408e','python')"
     >
       <div>
         <div class="tab-nav-hidden">python</div>
@@ -320,13 +320,13 @@
 </span></span></span><span class="line"><span class="cl"><span class="gh"></span>print(&#34;Hello World!&#34;)
 </span></span><span class="line"><span class="cl">```</span></span></code></pre></div>
   
-<div class="tab-panel" data-tab-group="0b2e670392b4457afde2c7b5b093f554">
+<div class="tab-panel" data-tab-group="353f9be4d00d8e52955e8497138a8516">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="python"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('0b2e670392b4457afde2c7b5b093f554','python')"
+      onclick="switchTab('353f9be4d00d8e52955e8497138a8516','python')"
     >
       <div>
         <div class="tab-nav-hidden">python</div>
@@ -370,8 +370,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1694553677" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1694553677" defer></script>
-    <script src="../../../js/theme.js?1694553677" defer></script>
+    <script src="../../../js/clipboard.min.js?1694640601" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694640601" defer></script>
+    <script src="../../../js/theme.js?1694640601" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/icon/index.html b/pir/shortcodes/icon/index.html
index b4734ac9cb..d0f8f79315 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../../../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../../../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../../../js/url.js?1694553675"></script>
-    <script src="../../../js/variant.js?1694553675"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../../../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../../../js/url.js?1694640598"></script>
+    <script src="../../../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -52,51 +52,23 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../../pir/shortcodes/icon/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <a href="../../../pir/shortcodes/include/index.html" title="Include (🡐)">
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../../pir/shortcodes/highlight/index.html" title="Highlight (🡒)">
-                <i class="fa-fw fas fa-chevron-left"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-print">
-              <a href="../../../pir/shortcodes/icon/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
-                <i class="fa-fw fas fa-print"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-edit">
-              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/icon.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
-                <i class="fa-fw fas fa-pen"></i>
-              </a>
-            </div>
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
+            <div id="sidebar-overlay"></div>
             <div class="topbar-button topbar-toc">
               <button onclick="showToc()" type="button" title="Table o&#39; Contents (CTRL&#43;ALT&#43;t)">
                 <i class="fa-fw fas fa-list-alt"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/shortcodes/index.html"><span itemprop="name">Shorrrtcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Icon</span><meta itemprop="position" content="3"></li>
-            </ol>
-          </div>
-          <div class="default-animation progress">
-            <div class="toc-wrapper">
+            <div class="default-animation progress">
+              <div class="toc-wrapper">
 <nav id="TableOfContents">
   <ul>
     <li><a href="#usage">Usage</a>
@@ -114,6 +86,35 @@
     </li>
   </ul>
 </nav>
+              </div>
+            </div>
+            <div id="toc-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/shortcodes/index.html"><span itemprop="name">Shorrrtcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Icon</span><meta itemprop="position" content="3"></li>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-edit">
+              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/icon.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+                <i class="fa-fw fas fa-pen"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-print">
+              <a href="../../../pir/shortcodes/icon/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
+                <i class="fa-fw fas fa-print"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-prev">
+              <a href="../../../pir/shortcodes/highlight/index.html" title="Highlight (🡒)">
+                <i class="fa-fw fas fa-chevron-left"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-next">
+              <a href="../../../pir/shortcodes/include/index.html" title="Include (🡐)">
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </a>
             </div>
           </div>
         </div>
@@ -333,12 +334,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1694553675" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1694553675" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694553675" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1694553675" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1694553675" defer></script>
-        <script src="../../../js/search.js?1694553675" defer></script>
+        <script src="../../../js/auto-complete.js?1694640599" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1694640599" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694640599" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1694640599" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1694640599" defer></script>
+        <script src="../../../js/search.js?1694640599" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -469,8 +470,12 @@
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -478,27 +483,25 @@
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1694553675"></script>
+          <script async src="../../../js/github-buttons.js?1694640599"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1694553675" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1694553675" defer></script>
-    <script src="../../../js/theme.js?1694553675" defer></script>
+    <script src="../../../js/clipboard.min.js?1694640599" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694640599" defer></script>
+    <script src="../../../js/theme.js?1694640599" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/icon/index.print.html b/pir/shortcodes/icon/index.print.html
index 9c85c18bc8..efad88678d 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1694553677" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1694553677" rel="stylesheet">
-    <link href="../../../css/fonts.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1694553677" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1694553677" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1694553677" rel="stylesheet">
-    <link href="../../../css/print.css?1694553677" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1694553677" rel="stylesheet">
-    <link href="../../../css/ie.css?1694553677" rel="stylesheet">
-    <script src="../../../js/url.js?1694553677"></script>
-    <script src="../../../js/variant.js?1694553677"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694640601" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694640601" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694640601" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694640601" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694640601" rel="stylesheet">
+    <link href="../../../css/print.css?1694640601" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1694640601" rel="stylesheet">
+    <link href="../../../css/ie.css?1694640601" rel="stylesheet">
+    <script src="../../../js/url.js?1694640601"></script>
+    <script src="../../../js/variant.js?1694640601"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -53,23 +53,23 @@
   </head>
   <body class="mobile-support print disableInlineCopyToClipboard" data-url="../../../pir/shortcodes/icon/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/shortcodes/index.html"><span itemprop="name">Shorrrtcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Icon</span><meta itemprop="position" content="3"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
           </div>
         </div>
       </nav>
@@ -210,8 +210,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1694553677" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1694553677" defer></script>
-    <script src="../../../js/theme.js?1694553677" defer></script>
+    <script src="../../../js/clipboard.min.js?1694640601" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694640601" defer></script>
+    <script src="../../../js/theme.js?1694640601" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/include/index.html b/pir/shortcodes/include/index.html
index 4218e9fe79..f8373493d6 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../../../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../../../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../../../js/url.js?1694553675"></script>
-    <script src="../../../js/variant.js?1694553675"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../../../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../../../js/url.js?1694640598"></script>
+    <script src="../../../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -52,51 +52,23 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../../pir/shortcodes/include/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <a href="../../../pir/shortcodes/math/index.html" title="Math (🡐)">
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../../pir/shortcodes/icon/index.html" title="Icon (🡒)">
-                <i class="fa-fw fas fa-chevron-left"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-print">
-              <a href="../../../pir/shortcodes/include/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
-                <i class="fa-fw fas fa-print"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-edit">
-              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/include.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
-                <i class="fa-fw fas fa-pen"></i>
-              </a>
-            </div>
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
+            <div id="sidebar-overlay"></div>
             <div class="topbar-button topbar-toc">
               <button onclick="showToc()" type="button" title="Table o&#39; Contents (CTRL&#43;ALT&#43;t)">
                 <i class="fa-fw fas fa-list-alt"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/shortcodes/index.html"><span itemprop="name">Shorrrtcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Include</span><meta itemprop="position" content="3"></li>
-            </ol>
-          </div>
-          <div class="default-animation progress">
-            <div class="toc-wrapper">
+            <div class="default-animation progress">
+              <div class="toc-wrapper">
 <nav id="TableOfContents">
   <ul>
     <li><a href="#usage">Usage</a>
@@ -111,6 +83,35 @@
     </li>
   </ul>
 </nav>
+              </div>
+            </div>
+            <div id="toc-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/shortcodes/index.html"><span itemprop="name">Shorrrtcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Include</span><meta itemprop="position" content="3"></li>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-edit">
+              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/include.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+                <i class="fa-fw fas fa-pen"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-print">
+              <a href="../../../pir/shortcodes/include/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
+                <i class="fa-fw fas fa-print"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-prev">
+              <a href="../../../pir/shortcodes/icon/index.html" title="Icon (🡒)">
+                <i class="fa-fw fas fa-chevron-left"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-next">
+              <a href="../../../pir/shortcodes/math/index.html" title="Math (🡐)">
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </a>
             </div>
           </div>
         </div>
@@ -323,12 +324,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1694553675" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1694553675" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694553675" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1694553675" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1694553675" defer></script>
-        <script src="../../../js/search.js?1694553675" defer></script>
+        <script src="../../../js/auto-complete.js?1694640599" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1694640599" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694640599" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1694640599" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1694640599" defer></script>
+        <script src="../../../js/search.js?1694640599" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -459,8 +460,12 @@
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -468,27 +473,25 @@
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1694553675"></script>
+          <script async src="../../../js/github-buttons.js?1694640599"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1694553675" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1694553675" defer></script>
-    <script src="../../../js/theme.js?1694553675" defer></script>
+    <script src="../../../js/clipboard.min.js?1694640599" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694640599" defer></script>
+    <script src="../../../js/theme.js?1694640599" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/include/index.print.html b/pir/shortcodes/include/index.print.html
index 60f6a65da9..d2f0ad5cc8 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1694553677" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1694553677" rel="stylesheet">
-    <link href="../../../css/fonts.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1694553677" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1694553677" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1694553677" rel="stylesheet">
-    <link href="../../../css/print.css?1694553677" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1694553677" rel="stylesheet">
-    <link href="../../../css/ie.css?1694553677" rel="stylesheet">
-    <script src="../../../js/url.js?1694553677"></script>
-    <script src="../../../js/variant.js?1694553677"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694640601" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694640601" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694640601" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694640601" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694640601" rel="stylesheet">
+    <link href="../../../css/print.css?1694640601" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1694640601" rel="stylesheet">
+    <link href="../../../css/ie.css?1694640601" rel="stylesheet">
+    <script src="../../../js/url.js?1694640601"></script>
+    <script src="../../../js/variant.js?1694640601"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -53,23 +53,23 @@
   </head>
   <body class="mobile-support print disableInlineCopyToClipboard" data-url="../../../pir/shortcodes/include/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/shortcodes/index.html"><span itemprop="name">Shorrrtcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Include</span><meta itemprop="position" content="3"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
           </div>
         </div>
       </nav>
@@ -203,8 +203,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1694553677" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1694553677" defer></script>
-    <script src="../../../js/theme.js?1694553677" defer></script>
+    <script src="../../../js/clipboard.min.js?1694640601" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694640601" defer></script>
+    <script src="../../../js/theme.js?1694640601" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/index.html b/pir/shortcodes/index.html
index 61981e0578..d1ada4f9a9 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../../js/url.js?1694553675"></script>
-    <script src="../../js/variant.js?1694553675"></script>
+    <link href="../../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../../js/url.js?1694640598"></script>
+    <script src="../../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -52,19 +52,25 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../pir/shortcodes/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <a href="../../pir/shortcodes/attachments/index.html" title="Attachments (🡐)">
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </a>
+          <div class="topbar-sidebar-divider"></div>
+          <div class="topbar-left">
+            <div class="topbar-button topbar-sidebar">
+              <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
+                <i class="fa-fw fas fa-bars"></i>
+              </button>
             </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../pir/cont/taxonomy/index.html" title="Taxonomy (🡒)">
-                <i class="fa-fw fas fa-chevron-left"></i>
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Shorrrtcodes</span><meta itemprop="position" content="2"></li>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-edit">
+              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/_index.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+                <i class="fa-fw fas fa-pen"></i>
               </a>
             </div>
             <div class="topbar-button topbar-print">
@@ -72,22 +78,16 @@
                 <i class="fa-fw fas fa-print"></i>
               </a>
             </div>
-            <div class="topbar-button topbar-edit">
-              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/_index.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
-                <i class="fa-fw fas fa-pen"></i>
+            <div class="topbar-button topbar-prev">
+              <a href="../../pir/cont/taxonomy/index.html" title="Taxonomy (🡒)">
+                <i class="fa-fw fas fa-chevron-left"></i>
               </a>
             </div>
-          </div>
-          <div class="topbar-left">
-            <div class="topbar-button topbar-sidebar">
-              <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
-                <i class="fa-fw fas fa-bars"></i>
-              </button>
+            <div class="topbar-button topbar-next">
+              <a href="../../pir/shortcodes/attachments/index.html" title="Attachments (🡐)">
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </a>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Shorrrtcodes</span><meta itemprop="position" content="2"></li>
-            </ol>
           </div>
         </div>
       </nav>
@@ -211,12 +211,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1694553677" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1694553677" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694553677" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1694553677" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1694553677" defer></script>
-        <script src="../../js/search.js?1694553677" defer></script>
+        <script src="../../js/auto-complete.js?1694640601" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1694640601" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694640601" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1694640601" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1694640601" defer></script>
+        <script src="../../js/search.js?1694640601" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -347,8 +347,12 @@
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -356,27 +360,25 @@
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1694553677"></script>
+          <script async src="../../js/github-buttons.js?1694640601"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1694553677" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1694553677" defer></script>
-    <script src="../../js/theme.js?1694553677" defer></script>
+    <script src="../../js/clipboard.min.js?1694640601" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694640601" defer></script>
+    <script src="../../js/theme.js?1694640601" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/index.print.html b/pir/shortcodes/index.print.html
index 1216a84415..cffdb58239 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1694553677" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1694553677" rel="stylesheet">
-    <link href="../../css/fonts.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1694553677" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1694553677" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1694553677" rel="stylesheet">
-    <link href="../../css/print.css?1694553677" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1694553677" rel="stylesheet">
-    <link href="../../css/ie.css?1694553677" rel="stylesheet">
-    <script src="../../js/url.js?1694553677"></script>
-    <script src="../../js/variant.js?1694553677"></script>
+    <link href="../../css/fontawesome-all.min.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694640601" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694640601" rel="stylesheet">
+    <link href="../../css/fonts.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694640601" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694640601" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694640601" rel="stylesheet">
+    <link href="../../css/print.css?1694640601" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1694640601" rel="stylesheet">
+    <link href="../../css/ie.css?1694640601" rel="stylesheet">
+    <script src="../../js/url.js?1694640601"></script>
+    <script src="../../js/variant.js?1694640601"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -53,22 +53,22 @@
   </head>
   <body class="mobile-support print disableInlineCopyToClipboard" data-url="../../pir/shortcodes/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Shorrrtcodes</span><meta itemprop="position" content="2"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
           </div>
         </div>
       </nav>
@@ -1369,13 +1369,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-eadc263e5b3af6f99531b8217ab7bc60" aria-controls="expandcontent-eadc263e5b3af6f99531b8217ab7bc60" >
-    <label class="expand-label" for="expand-eadc263e5b3af6f99531b8217ab7bc60" >
+    <input type="checkbox" id="expand-0773755b5d02bc2abf195deaa9b60279" aria-controls="expandcontent-0773755b5d02bc2abf195deaa9b60279" >
+    <label class="expand-label" for="expand-0773755b5d02bc2abf195deaa9b60279" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-eadc263e5b3af6f99531b8217ab7bc60" class="expand-content">
+    <div id="expandcontent-0773755b5d02bc2abf195deaa9b60279" 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>
@@ -1502,26 +1502,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-278bd33c7236adcd4a43aeed3b42e1f7" aria-controls="expandcontent-278bd33c7236adcd4a43aeed3b42e1f7" >
-    <label class="expand-label" for="expand-278bd33c7236adcd4a43aeed3b42e1f7" >
+    <input type="checkbox" id="expand-87b8545fc8dd02c27ea8b9b1b2abaf36" aria-controls="expandcontent-87b8545fc8dd02c27ea8b9b1b2abaf36" >
+    <label class="expand-label" for="expand-87b8545fc8dd02c27ea8b9b1b2abaf36" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-278bd33c7236adcd4a43aeed3b42e1f7" class="expand-content">
+    <div id="expandcontent-87b8545fc8dd02c27ea8b9b1b2abaf36" 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-e16112edcc2712ddaaa03270a63cefa1" aria-controls="expandcontent-e16112edcc2712ddaaa03270a63cefa1"  checked>
-    <label class="expand-label" for="expand-e16112edcc2712ddaaa03270a63cefa1" >
+    <input type="checkbox" id="expand-d83e0a73221a776567f9fbcda8fa8f3c" aria-controls="expandcontent-d83e0a73221a776567f9fbcda8fa8f3c"  checked>
+    <label class="expand-label" for="expand-d83e0a73221a776567f9fbcda8fa8f3c" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-e16112edcc2712ddaaa03270a63cefa1" class="expand-content">
+    <div id="expandcontent-d83e0a73221a776567f9fbcda8fa8f3c" class="expand-content">
 <p>
 No need t' press ye!</div>
 </div>
@@ -1542,13 +1542,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-07b970505b709256ad045489cdd2c428" aria-controls="expandcontent-07b970505b709256ad045489cdd2c428" >
-    <label class="expand-label" for="expand-07b970505b709256ad045489cdd2c428" >
+    <input type="checkbox" id="expand-c4a6014835ed1cb5b57bb9a33dc86836" aria-controls="expandcontent-c4a6014835ed1cb5b57bb9a33dc86836" >
+    <label class="expand-label" for="expand-c4a6014835ed1cb5b57bb9a33dc86836" >
         <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-07b970505b709256ad045489cdd2c428" class="expand-content">
+    <div id="expandcontent-c4a6014835ed1cb5b57bb9a33dc86836" class="expand-content">
 
 <p>Ye can add standard markdown rules:</p>
 <ul>
@@ -1586,13 +1586,13 @@ No need t' press ye!</div>
 <p>Th' <code>highlight</code> shortcode renders yer code wit' a rules highlighter.</p>
 
   
-<div class="tab-panel" data-tab-group="1012da90088e2b0054d3d594430b3d92">
+<div class="tab-panel" data-tab-group="fd9fcd30549b83e8518e156e5ce9408e">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="python"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('1012da90088e2b0054d3d594430b3d92','python')"
+      onclick="switchTab('fd9fcd30549b83e8518e156e5ce9408e','python')"
     >
       <div>
         <div class="tab-nav-hidden">python</div>
@@ -1815,13 +1815,13 @@ No need t' press ye!</div>
 </span></span></span><span class="line"><span class="cl"><span class="gh"></span>print(&#34;Hello World!&#34;)
 </span></span><span class="line"><span class="cl">```</span></span></code></pre></div>
   
-<div class="tab-panel" data-tab-group="0b2e670392b4457afde2c7b5b093f554">
+<div class="tab-panel" data-tab-group="353f9be4d00d8e52955e8497138a8516">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="python"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('0b2e670392b4457afde2c7b5b093f554','python')"
+      onclick="switchTab('353f9be4d00d8e52955e8497138a8516','python')"
     >
       <div>
         <div class="tab-nav-hidden">python</div>
@@ -3386,7 +3386,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-2967f3be0759c3f7e1a15ffd2c47a9dc"
+    id="openapi-2acd99b2f2203465be78c17119273dbd"
     openapi-url="../../shortcodes/openapi/petstore.json"
   ></div>
 </div>
@@ -3494,13 +3494,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="5761b8ab8b53134ef9568b712b91bdf5">
+<div class="tab-panel" data-tab-group="fb76e332005f136bc6ef09aa58293a41">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="configtoml"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('5761b8ab8b53134ef9568b712b91bdf5','configtoml')"
+      onclick="switchTab('fb76e332005f136bc6ef09aa58293a41','configtoml')"
     >
       <div>
         <div class="tab-nav-hidden">config.toml</div>
@@ -3538,13 +3538,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="6b89109facbd59f44bc55406b2d61f1d">
+<div class="tab-panel" data-tab-group="55b5a92e025c5c02f4578b2b628d7c93">
   <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('6b89109facbd59f44bc55406b2d61f1d','c')"
+      onclick="switchTab('55b5a92e025c5c02f4578b2b628d7c93','c')"
     >
       <div>
         <div class="tab-nav-hidden">c</div>
@@ -3658,13 +3658,13 @@ Electricity grid,H2 conversion,27.14
 </span></span></span><span class="line"><span class="cl"><span class="s">printf(&#34;Hello World!&#34;);
 </span></span></span><span class="line"><span class="cl"><span class="s">```</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="c450418b63cc71c256e67443c6513fe0">
+<div class="tab-panel" data-tab-group="a7db81fde6b576e655625e92509f1a39">
   <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('c450418b63cc71c256e67443c6513fe0','code')"
+      onclick="switchTab('a7db81fde6b576e655625e92509f1a39','code')"
     >
       <div>
         <div class="tab-nav-hidden">Code</div>
@@ -3689,13 +3689,13 @@ Electricity grid,H2 conversion,27.14
 </span></span></span><span class="line"><span class="cl"><span class="s">printf(&#34;Hello World!&#34;);
 </span></span></span><span class="line"><span class="cl"><span class="s">```</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="06024a96c719eec92c730a569fb2281b">
+<div class="tab-panel" data-tab-group="7bb61f6e65e60da7cfad9bcb1e8d0879">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="emstrongmixedstrongem"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('06024a96c719eec92c730a569fb2281b','emstrongmixedstrongem')"
+      onclick="switchTab('7bb61f6e65e60da7cfad9bcb1e8d0879','emstrongmixedstrongem')"
     >
       <div>
         <div class="tab-nav-hidden"><em><strong>Mixed</strong></em></div>
@@ -3743,13 +3743,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="7c57cf7c5ea8d88dbecee6bf122af492">
+<div class="tab-panel" data-tab-group="ac485a364ccc1ac3230d8b295ee25945">
   <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('7c57cf7c5ea8d88dbecee6bf122af492','just-colored-style')"
+      onclick="switchTab('ac485a364ccc1ac3230d8b295ee25945','just-colored-style')"
     >
       <div>
         <div class="tab-nav-hidden">just colored style</div>
@@ -3759,7 +3759,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('7c57cf7c5ea8d88dbecee6bf122af492','just-color')"
+      onclick="switchTab('ac485a364ccc1ac3230d8b295ee25945','just-color')"
     >
       <div>
         <div class="tab-nav-hidden">just color</div>
@@ -3769,7 +3769,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('7c57cf7c5ea8d88dbecee6bf122af492','default-style-and-color')"
+      onclick="switchTab('ac485a364ccc1ac3230d8b295ee25945','default-style-and-color')"
     >
       <div>
         <div class="tab-nav-hidden">default style an' color</div>
@@ -3779,7 +3779,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('7c57cf7c5ea8d88dbecee6bf122af492','just-severity-stylefa-fw-fas-fa-info-circle')"
+      onclick="switchTab('ac485a364ccc1ac3230d8b295ee25945','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>
@@ -3789,7 +3789,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('7c57cf7c5ea8d88dbecee6bf122af492','severity-style-and-colorfa-fw-fas-fa-info-circle')"
+      onclick="switchTab('ac485a364ccc1ac3230d8b295ee25945','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 an' color</div>
@@ -3862,13 +3862,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="87ae9ba6bd3ef895016567794c96b1dc">
+<div class="tab-panel" data-tab-group="bad26d6658363c3202297394ba893b90">
   <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('87ae9ba6bd3ef895016567794c96b1dc','py')"
+      onclick="switchTab('bad26d6658363c3202297394ba893b90','py')"
     >
       <div>
         <div class="tab-nav-hidden">py</div>
@@ -3878,7 +3878,7 @@ Electricity grid,H2 conversion,27.14
     <button
       data-tab-item="sh"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('87ae9ba6bd3ef895016567794c96b1dc','sh')"
+      onclick="switchTab('bad26d6658363c3202297394ba893b90','sh')"
     >
       <div>
         <div class="tab-nav-hidden">sh</div>
@@ -3888,7 +3888,7 @@ Electricity grid,H2 conversion,27.14
     <button
       data-tab-item="c"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('87ae9ba6bd3ef895016567794c96b1dc','c')"
+      onclick="switchTab('bad26d6658363c3202297394ba893b90','c')"
     >
       <div>
         <div class="tab-nav-hidden">c</div>
@@ -4045,13 +4045,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="33d25ad127b79a7011998da2302a504c">
+<div class="tab-panel" data-tab-group="ed02acb92a8b7a272e255eca638e292c">
   <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('33d25ad127b79a7011998da2302a504c','group-a-tab-view-1')"
+      onclick="switchTab('ed02acb92a8b7a272e255eca638e292c','group-a-tab-view-1')"
     >
       <div>
         <div class="tab-nav-hidden">Group A, Tab View 1</div>
@@ -4061,7 +4061,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('33d25ad127b79a7011998da2302a504c','group-a-tab-view-2')"
+      onclick="switchTab('ed02acb92a8b7a272e255eca638e292c','group-a-tab-view-2')"
     >
       <div>
         <div class="tab-nav-hidden">Group A, Tab View 2</div>
@@ -4071,7 +4071,7 @@ Electricity grid,H2 conversion,27.14
     <button
       data-tab-item="group-b"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('33d25ad127b79a7011998da2302a504c','group-b')"
+      onclick="switchTab('ed02acb92a8b7a272e255eca638e292c','group-b')"
     >
       <div>
         <div class="tab-nav-hidden">Group B</div>
@@ -4471,8 +4471,8 @@ Electricity grid,H2 conversion,27.14
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1694553678" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1694553678" defer></script>
+    <script src="../../js/clipboard.min.js?1694640602" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694640602" defer></script>
     <script>
       function useMathJax( config ){
         if( !Object.assign ){
@@ -4501,27 +4501,27 @@ Electricity grid,H2 conversion,27.14
       }
       useMathJax( JSON.parse("{}") );
     </script>
-    <script id="MathJax-script" async src="../../js/mathjax/tex-mml-chtml.js?1694553678"></script>
-    <script src="../../js/d3/d3-color.min.js?1694553678" defer></script>
-    <script src="../../js/d3/d3-dispatch.min.js?1694553678" defer></script>
-    <script src="../../js/d3/d3-drag.min.js?1694553678" defer></script>
-    <script src="../../js/d3/d3-ease.min.js?1694553678" defer></script>
-    <script src="../../js/d3/d3-interpolate.min.js?1694553678" defer></script>
-    <script src="../../js/d3/d3-selection.min.js?1694553678" defer></script>
-    <script src="../../js/d3/d3-timer.min.js?1694553678" defer></script>
-    <script src="../../js/d3/d3-transition.min.js?1694553678" defer></script>
-    <script src="../../js/d3/d3-zoom.min.js?1694553678" defer></script>
-    <script src="../../js/js-yaml.min.js?1694553678" defer></script>
-    <script src="../../js/mermaid.min.js?1694553678" defer></script>
+    <script id="MathJax-script" async src="../../js/mathjax/tex-mml-chtml.js?1694640602"></script>
+    <script src="../../js/d3/d3-color.min.js?1694640602" defer></script>
+    <script src="../../js/d3/d3-dispatch.min.js?1694640602" defer></script>
+    <script src="../../js/d3/d3-drag.min.js?1694640602" defer></script>
+    <script src="../../js/d3/d3-ease.min.js?1694640602" defer></script>
+    <script src="../../js/d3/d3-interpolate.min.js?1694640602" defer></script>
+    <script src="../../js/d3/d3-selection.min.js?1694640602" defer></script>
+    <script src="../../js/d3/d3-timer.min.js?1694640602" defer></script>
+    <script src="../../js/d3/d3-transition.min.js?1694640602" defer></script>
+    <script src="../../js/d3/d3-zoom.min.js?1694640602" defer></script>
+    <script src="../../js/js-yaml.min.js?1694640602" defer></script>
+    <script src="../../js/mermaid.min.js?1694640602" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
     <script>window.noZensmooth = true;</script>
-    <script src="../../js/swagger-ui/swagger-ui-bundle.js?1694553678" defer></script>
-    <script src="../../js/swagger-ui/swagger-ui-standalone-preset.js?1694553678" defer></script>
+    <script src="../../js/swagger-ui/swagger-ui-bundle.js?1694640602" defer></script>
+    <script src="../../js/swagger-ui/swagger-ui-standalone-preset.js?1694640602" defer></script>
     <script>
-      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1694553678", assetsBuster:  1694553678  };
+      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1694640602", assetsBuster:  1694640602  };
     </script>
-    <script src="../../js/theme.js?1694553678" defer></script>
+    <script src="../../js/theme.js?1694640602" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/math/index.html b/pir/shortcodes/math/index.html
index b30b8ae833..626299be85 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../../../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../../../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../../../js/url.js?1694553675"></script>
-    <script src="../../../js/variant.js?1694553675"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../../../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../../../js/url.js?1694640598"></script>
+    <script src="../../../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -52,51 +52,23 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../../pir/shortcodes/math/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <a href="../../../pir/shortcodes/mermaid/index.html" title="Merrrmaid (🡐)">
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../../pir/shortcodes/include/index.html" title="Include (🡒)">
-                <i class="fa-fw fas fa-chevron-left"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-print">
-              <a href="../../../pir/shortcodes/math/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
-                <i class="fa-fw fas fa-print"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-edit">
-              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/math.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
-                <i class="fa-fw fas fa-pen"></i>
-              </a>
-            </div>
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
+            <div id="sidebar-overlay"></div>
             <div class="topbar-button topbar-toc">
               <button onclick="showToc()" type="button" title="Table o&#39; Contents (CTRL&#43;ALT&#43;t)">
                 <i class="fa-fw fas fa-list-alt"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/shortcodes/index.html"><span itemprop="name">Shorrrtcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Math</span><meta itemprop="position" content="3"></li>
-            </ol>
-          </div>
-          <div class="default-animation progress">
-            <div class="toc-wrapper">
+            <div class="default-animation progress">
+              <div class="toc-wrapper">
 <nav id="TableOfContents">
   <ul>
     <li><a href="#usage">Usage</a>
@@ -120,6 +92,35 @@
     </li>
   </ul>
 </nav>
+              </div>
+            </div>
+            <div id="toc-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/shortcodes/index.html"><span itemprop="name">Shorrrtcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Math</span><meta itemprop="position" content="3"></li>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-edit">
+              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/math.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+                <i class="fa-fw fas fa-pen"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-print">
+              <a href="../../../pir/shortcodes/math/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
+                <i class="fa-fw fas fa-print"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-prev">
+              <a href="../../../pir/shortcodes/include/index.html" title="Include (🡒)">
+                <i class="fa-fw fas fa-chevron-left"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-next">
+              <a href="../../../pir/shortcodes/mermaid/index.html" title="Merrrmaid (🡐)">
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </a>
             </div>
           </div>
         </div>
@@ -390,12 +391,12 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1694553676" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1694553676" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694553676" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1694553676" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1694553676" defer></script>
-        <script src="../../../js/search.js?1694553676" defer></script>
+        <script src="../../../js/auto-complete.js?1694640599" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1694640599" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694640599" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1694640599" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1694640599" defer></script>
+        <script src="../../../js/search.js?1694640599" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -526,8 +527,12 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -535,27 +540,25 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1694553676"></script>
+          <script async src="../../../js/github-buttons.js?1694640599"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1694553676" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1694553676" defer></script>
+    <script src="../../../js/clipboard.min.js?1694640599" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694640599" defer></script>
     <script>
       function useMathJax( config ){
         if( !Object.assign ){
@@ -584,7 +587,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?1694553676"></script>
-    <script src="../../../js/theme.js?1694553676" defer></script>
+    <script id="MathJax-script" async src="../../../js/mathjax/tex-mml-chtml.js?1694640599"></script>
+    <script src="../../../js/theme.js?1694640599" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/math/index.print.html b/pir/shortcodes/math/index.print.html
index 13fe18b36b..b4a627d92f 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1694553677" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1694553677" rel="stylesheet">
-    <link href="../../../css/fonts.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1694553677" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1694553677" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1694553677" rel="stylesheet">
-    <link href="../../../css/print.css?1694553677" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1694553677" rel="stylesheet">
-    <link href="../../../css/ie.css?1694553677" rel="stylesheet">
-    <script src="../../../js/url.js?1694553677"></script>
-    <script src="../../../js/variant.js?1694553677"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694640601" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694640601" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694640601" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694640601" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694640601" rel="stylesheet">
+    <link href="../../../css/print.css?1694640601" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1694640601" rel="stylesheet">
+    <link href="../../../css/ie.css?1694640601" rel="stylesheet">
+    <script src="../../../js/url.js?1694640601"></script>
+    <script src="../../../js/variant.js?1694640601"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -53,23 +53,23 @@
   </head>
   <body class="mobile-support print disableInlineCopyToClipboard" data-url="../../../pir/shortcodes/math/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/shortcodes/index.html"><span itemprop="name">Shorrrtcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Math</span><meta itemprop="position" content="3"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
           </div>
         </div>
       </nav>
@@ -261,8 +261,8 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1694553677" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1694553677" defer></script>
+    <script src="../../../js/clipboard.min.js?1694640601" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694640601" defer></script>
     <script>
       function useMathJax( config ){
         if( !Object.assign ){
@@ -291,7 +291,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?1694553677"></script>
-    <script src="../../../js/theme.js?1694553677" defer></script>
+    <script id="MathJax-script" async src="../../../js/mathjax/tex-mml-chtml.js?1694640601"></script>
+    <script src="../../../js/theme.js?1694640601" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/mermaid/index.html b/pir/shortcodes/mermaid/index.html
index c6d7ac4850..9dd8889fd6 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../../../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../../../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../../../js/url.js?1694553675"></script>
-    <script src="../../../js/variant.js?1694553675"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../../../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../../../js/url.js?1694640598"></script>
+    <script src="../../../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -52,51 +52,23 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../../pir/shortcodes/mermaid/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <a href="../../../pir/shortcodes/notice/index.html" title="Notice (🡐)">
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../../pir/shortcodes/math/index.html" title="Math (🡒)">
-                <i class="fa-fw fas fa-chevron-left"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-print">
-              <a href="../../../pir/shortcodes/mermaid/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
-                <i class="fa-fw fas fa-print"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-edit">
-              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/mermaid.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
-                <i class="fa-fw fas fa-pen"></i>
-              </a>
-            </div>
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
+            <div id="sidebar-overlay"></div>
             <div class="topbar-button topbar-toc">
               <button onclick="showToc()" type="button" title="Table o&#39; Contents (CTRL&#43;ALT&#43;t)">
                 <i class="fa-fw fas fa-list-alt"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/shortcodes/index.html"><span itemprop="name">Shorrrtcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Merrrmaid</span><meta itemprop="position" content="3"></li>
-            </ol>
-          </div>
-          <div class="default-animation progress">
-            <div class="toc-wrapper">
+            <div class="default-animation progress">
+              <div class="toc-wrapper">
 <nav id="TableOfContents">
   <ul>
     <li><a href="#usage">Usage</a>
@@ -131,6 +103,35 @@
     </li>
   </ul>
 </nav>
+              </div>
+            </div>
+            <div id="toc-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/shortcodes/index.html"><span itemprop="name">Shorrrtcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Merrrmaid</span><meta itemprop="position" content="3"></li>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-edit">
+              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/mermaid.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+                <i class="fa-fw fas fa-pen"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-print">
+              <a href="../../../pir/shortcodes/mermaid/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
+                <i class="fa-fw fas fa-print"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-prev">
+              <a href="../../../pir/shortcodes/math/index.html" title="Math (🡒)">
+                <i class="fa-fw fas fa-chevron-left"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-next">
+              <a href="../../../pir/shortcodes/notice/index.html" title="Notice (🡐)">
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </a>
             </div>
           </div>
         </div>
@@ -856,12 +857,12 @@ Electricity grid,H2 conversion,27.14
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1694553676" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1694553676" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694553676" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1694553676" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1694553676" defer></script>
-        <script src="../../../js/search.js?1694553676" defer></script>
+        <script src="../../../js/auto-complete.js?1694640600" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1694640600" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694640600" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1694640600" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1694640600" defer></script>
+        <script src="../../../js/search.js?1694640600" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -992,8 +993,12 @@ Electricity grid,H2 conversion,27.14
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -1001,41 +1006,39 @@ Electricity grid,H2 conversion,27.14
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1694553676"></script>
+          <script async src="../../../js/github-buttons.js?1694640600"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1694553676" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1694553676" defer></script>
-    <script src="../../../js/d3/d3-color.min.js?1694553676" defer></script>
-    <script src="../../../js/d3/d3-dispatch.min.js?1694553676" defer></script>
-    <script src="../../../js/d3/d3-drag.min.js?1694553676" defer></script>
-    <script src="../../../js/d3/d3-ease.min.js?1694553676" defer></script>
-    <script src="../../../js/d3/d3-interpolate.min.js?1694553676" defer></script>
-    <script src="../../../js/d3/d3-selection.min.js?1694553676" defer></script>
-    <script src="../../../js/d3/d3-timer.min.js?1694553676" defer></script>
-    <script src="../../../js/d3/d3-transition.min.js?1694553676" defer></script>
-    <script src="../../../js/d3/d3-zoom.min.js?1694553676" defer></script>
-    <script src="../../../js/js-yaml.min.js?1694553676" defer></script>
-    <script src="../../../js/mermaid.min.js?1694553676" defer></script>
+    <script src="../../../js/clipboard.min.js?1694640600" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694640600" defer></script>
+    <script src="../../../js/d3/d3-color.min.js?1694640600" defer></script>
+    <script src="../../../js/d3/d3-dispatch.min.js?1694640600" defer></script>
+    <script src="../../../js/d3/d3-drag.min.js?1694640600" defer></script>
+    <script src="../../../js/d3/d3-ease.min.js?1694640600" defer></script>
+    <script src="../../../js/d3/d3-interpolate.min.js?1694640600" defer></script>
+    <script src="../../../js/d3/d3-selection.min.js?1694640600" defer></script>
+    <script src="../../../js/d3/d3-timer.min.js?1694640600" defer></script>
+    <script src="../../../js/d3/d3-transition.min.js?1694640600" defer></script>
+    <script src="../../../js/d3/d3-zoom.min.js?1694640600" defer></script>
+    <script src="../../../js/js-yaml.min.js?1694640600" defer></script>
+    <script src="../../../js/mermaid.min.js?1694640600" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../../../js/theme.js?1694553676" defer></script>
+    <script src="../../../js/theme.js?1694640600" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/mermaid/index.print.html b/pir/shortcodes/mermaid/index.print.html
index 2c4da3b1ed..e2395c1f8f 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1694553677" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1694553677" rel="stylesheet">
-    <link href="../../../css/fonts.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1694553677" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1694553677" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1694553677" rel="stylesheet">
-    <link href="../../../css/print.css?1694553677" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1694553677" rel="stylesheet">
-    <link href="../../../css/ie.css?1694553677" rel="stylesheet">
-    <script src="../../../js/url.js?1694553677"></script>
-    <script src="../../../js/variant.js?1694553677"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694640601" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694640601" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694640601" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694640601" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694640601" rel="stylesheet">
+    <link href="../../../css/print.css?1694640601" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1694640601" rel="stylesheet">
+    <link href="../../../css/ie.css?1694640601" rel="stylesheet">
+    <script src="../../../js/url.js?1694640601"></script>
+    <script src="../../../js/variant.js?1694640601"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -53,23 +53,23 @@
   </head>
   <body class="mobile-support print disableInlineCopyToClipboard" data-url="../../../pir/shortcodes/mermaid/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/shortcodes/index.html"><span itemprop="name">Shorrrtcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Merrrmaid</span><meta itemprop="position" content="3"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
           </div>
         </div>
       </nav>
@@ -716,22 +716,22 @@ Electricity grid,H2 conversion,27.14
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1694553677" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1694553677" defer></script>
-    <script src="../../../js/d3/d3-color.min.js?1694553677" defer></script>
-    <script src="../../../js/d3/d3-dispatch.min.js?1694553677" defer></script>
-    <script src="../../../js/d3/d3-drag.min.js?1694553677" defer></script>
-    <script src="../../../js/d3/d3-ease.min.js?1694553677" defer></script>
-    <script src="../../../js/d3/d3-interpolate.min.js?1694553677" defer></script>
-    <script src="../../../js/d3/d3-selection.min.js?1694553677" defer></script>
-    <script src="../../../js/d3/d3-timer.min.js?1694553677" defer></script>
-    <script src="../../../js/d3/d3-transition.min.js?1694553677" defer></script>
-    <script src="../../../js/d3/d3-zoom.min.js?1694553677" defer></script>
-    <script src="../../../js/js-yaml.min.js?1694553677" defer></script>
-    <script src="../../../js/mermaid.min.js?1694553677" defer></script>
+    <script src="../../../js/clipboard.min.js?1694640601" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694640601" defer></script>
+    <script src="../../../js/d3/d3-color.min.js?1694640601" defer></script>
+    <script src="../../../js/d3/d3-dispatch.min.js?1694640601" defer></script>
+    <script src="../../../js/d3/d3-drag.min.js?1694640601" defer></script>
+    <script src="../../../js/d3/d3-ease.min.js?1694640601" defer></script>
+    <script src="../../../js/d3/d3-interpolate.min.js?1694640601" defer></script>
+    <script src="../../../js/d3/d3-selection.min.js?1694640601" defer></script>
+    <script src="../../../js/d3/d3-timer.min.js?1694640601" defer></script>
+    <script src="../../../js/d3/d3-transition.min.js?1694640601" defer></script>
+    <script src="../../../js/d3/d3-zoom.min.js?1694640601" defer></script>
+    <script src="../../../js/js-yaml.min.js?1694640601" defer></script>
+    <script src="../../../js/mermaid.min.js?1694640601" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../../../js/theme.js?1694553677" defer></script>
+    <script src="../../../js/theme.js?1694640601" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/notice/index.html b/pir/shortcodes/notice/index.html
index 244c2b6ef6..a84cc61d38 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../../../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../../../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../../../js/url.js?1694553675"></script>
-    <script src="../../../js/variant.js?1694553675"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../../../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../../../js/url.js?1694640598"></script>
+    <script src="../../../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -52,51 +52,23 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../../pir/shortcodes/notice/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <a href="../../../pir/shortcodes/openapi/index.html" title="OpenAPI (🡐)">
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../../pir/shortcodes/mermaid/index.html" title="Merrrmaid (🡒)">
-                <i class="fa-fw fas fa-chevron-left"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-print">
-              <a href="../../../pir/shortcodes/notice/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
-                <i class="fa-fw fas fa-print"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-edit">
-              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/notice.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
-                <i class="fa-fw fas fa-pen"></i>
-              </a>
-            </div>
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
+            <div id="sidebar-overlay"></div>
             <div class="topbar-button topbar-toc">
               <button onclick="showToc()" type="button" title="Table o&#39; Contents (CTRL&#43;ALT&#43;t)">
                 <i class="fa-fw fas fa-list-alt"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/shortcodes/index.html"><span itemprop="name">Shorrrtcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Notice</span><meta itemprop="position" content="3"></li>
-            </ol>
-          </div>
-          <div class="default-animation progress">
-            <div class="toc-wrapper">
+            <div class="default-animation progress">
+              <div class="toc-wrapper">
 <nav id="TableOfContents">
   <ul>
     <li><a href="#usage">Usage</a>
@@ -115,6 +87,35 @@
     </li>
   </ul>
 </nav>
+              </div>
+            </div>
+            <div id="toc-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/shortcodes/index.html"><span itemprop="name">Shorrrtcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Notice</span><meta itemprop="position" content="3"></li>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-edit">
+              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/notice.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+                <i class="fa-fw fas fa-pen"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-print">
+              <a href="../../../pir/shortcodes/notice/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
+                <i class="fa-fw fas fa-print"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-prev">
+              <a href="../../../pir/shortcodes/mermaid/index.html" title="Merrrmaid (🡒)">
+                <i class="fa-fw fas fa-chevron-left"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-next">
+              <a href="../../../pir/shortcodes/openapi/index.html" title="OpenAPI (🡐)">
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </a>
             </div>
           </div>
         </div>
@@ -554,12 +555,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1694553676" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1694553676" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694553676" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1694553676" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1694553676" defer></script>
-        <script src="../../../js/search.js?1694553676" defer></script>
+        <script src="../../../js/auto-complete.js?1694640599" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1694640599" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694640599" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1694640599" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1694640599" defer></script>
+        <script src="../../../js/search.js?1694640599" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -690,8 +691,12 @@
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -699,27 +704,25 @@
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1694553676"></script>
+          <script async src="../../../js/github-buttons.js?1694640599"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1694553676" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1694553676" defer></script>
-    <script src="../../../js/theme.js?1694553676" defer></script>
+    <script src="../../../js/clipboard.min.js?1694640599" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694640599" defer></script>
+    <script src="../../../js/theme.js?1694640599" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/notice/index.print.html b/pir/shortcodes/notice/index.print.html
index 8862b884bb..f7ce374e0b 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1694553677" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1694553677" rel="stylesheet">
-    <link href="../../../css/fonts.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1694553677" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1694553677" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1694553677" rel="stylesheet">
-    <link href="../../../css/print.css?1694553677" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1694553677" rel="stylesheet">
-    <link href="../../../css/ie.css?1694553677" rel="stylesheet">
-    <script src="../../../js/url.js?1694553677"></script>
-    <script src="../../../js/variant.js?1694553677"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694640601" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694640601" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694640601" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694640601" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694640601" rel="stylesheet">
+    <link href="../../../css/print.css?1694640601" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1694640601" rel="stylesheet">
+    <link href="../../../css/ie.css?1694640601" rel="stylesheet">
+    <script src="../../../js/url.js?1694640601"></script>
+    <script src="../../../js/variant.js?1694640601"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -53,23 +53,23 @@
   </head>
   <body class="mobile-support print disableInlineCopyToClipboard" data-url="../../../pir/shortcodes/notice/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/shortcodes/index.html"><span itemprop="name">Shorrrtcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Notice</span><meta itemprop="position" content="3"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
           </div>
         </div>
       </nav>
@@ -430,8 +430,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1694553677" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1694553677" defer></script>
-    <script src="../../../js/theme.js?1694553677" defer></script>
+    <script src="../../../js/clipboard.min.js?1694640601" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694640601" defer></script>
+    <script src="../../../js/theme.js?1694640601" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/openapi/index.html b/pir/shortcodes/openapi/index.html
index 0b53c261ff..2b87219722 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../../../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../../../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../../../js/url.js?1694553675"></script>
-    <script src="../../../js/variant.js?1694553675"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../../../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../../../js/url.js?1694640598"></script>
+    <script src="../../../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -52,51 +52,23 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../../pir/shortcodes/openapi/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <a href="../../../pir/shortcodes/siteparam/index.html" title="SiteParam (🡐)">
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../../pir/shortcodes/notice/index.html" title="Notice (🡒)">
-                <i class="fa-fw fas fa-chevron-left"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-print">
-              <a href="../../../pir/shortcodes/openapi/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
-                <i class="fa-fw fas fa-print"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-edit">
-              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/openapi/_index.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
-                <i class="fa-fw fas fa-pen"></i>
-              </a>
-            </div>
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
+            <div id="sidebar-overlay"></div>
             <div class="topbar-button topbar-toc">
               <button onclick="showToc()" type="button" title="Table o&#39; Contents (CTRL&#43;ALT&#43;t)">
                 <i class="fa-fw fas fa-list-alt"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/shortcodes/index.html"><span itemprop="name">Shorrrtcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">OpenAPI</span><meta itemprop="position" content="3"></li>
-            </ol>
-          </div>
-          <div class="default-animation progress">
-            <div class="toc-wrapper">
+            <div class="default-animation progress">
+              <div class="toc-wrapper">
 <nav id="TableOfContents">
   <ul>
     <li><a href="#usage">Usage</a>
@@ -111,6 +83,35 @@
     </li>
   </ul>
 </nav>
+              </div>
+            </div>
+            <div id="toc-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/shortcodes/index.html"><span itemprop="name">Shorrrtcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">OpenAPI</span><meta itemprop="position" content="3"></li>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-edit">
+              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/openapi/_index.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+                <i class="fa-fw fas fa-pen"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-print">
+              <a href="../../../pir/shortcodes/openapi/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
+                <i class="fa-fw fas fa-print"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-prev">
+              <a href="../../../pir/shortcodes/notice/index.html" title="Notice (🡒)">
+                <i class="fa-fw fas fa-chevron-left"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-next">
+              <a href="../../../pir/shortcodes/siteparam/index.html" title="SiteParam (🡐)">
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </a>
             </div>
           </div>
         </div>
@@ -211,7 +212,7 @@
 <div class="sc-openapi-wrapper is-load'n helper-loading-container">
   <div
     class="sc-openapi-container"
-    id="openapi-2967f3be0759c3f7e1a15ffd2c47a9dc"
+    id="openapi-2acd99b2f2203465be78c17119273dbd"
     openapi-url="../../../shortcodes/openapi/petstore.json"
   ></div>
 </div>
@@ -303,12 +304,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1694553677" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1694553677" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694553677" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1694553677" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1694553677" defer></script>
-        <script src="../../../js/search.js?1694553677" defer></script>
+        <script src="../../../js/auto-complete.js?1694640601" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1694640601" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694640601" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1694640601" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1694640601" defer></script>
+        <script src="../../../js/search.js?1694640601" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -439,8 +440,12 @@
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -448,33 +453,31 @@
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1694553677"></script>
+          <script async src="../../../js/github-buttons.js?1694640601"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1694553677" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1694553677" defer></script>
+    <script src="../../../js/clipboard.min.js?1694640601" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694640601" defer></script>
     <script>window.noZensmooth = true;</script>
-    <script src="../../../js/swagger-ui/swagger-ui-bundle.js?1694553677" defer></script>
-    <script src="../../../js/swagger-ui/swagger-ui-standalone-preset.js?1694553677" defer></script>
+    <script src="../../../js/swagger-ui/swagger-ui-bundle.js?1694640601" defer></script>
+    <script src="../../../js/swagger-ui/swagger-ui-standalone-preset.js?1694640601" defer></script>
     <script>
-      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1694553677", assetsBuster:  1694553677  };
+      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1694640601", assetsBuster:  1694640601  };
     </script>
-    <script src="../../../js/theme.js?1694553677" defer></script>
+    <script src="../../../js/theme.js?1694640601" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/openapi/index.print.html b/pir/shortcodes/openapi/index.print.html
index e93d6dae5c..8c9c17005c 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1694553677" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1694553677" rel="stylesheet">
-    <link href="../../../css/fonts.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1694553677" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1694553677" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1694553677" rel="stylesheet">
-    <link href="../../../css/print.css?1694553677" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1694553677" rel="stylesheet">
-    <link href="../../../css/ie.css?1694553677" rel="stylesheet">
-    <script src="../../../js/url.js?1694553677"></script>
-    <script src="../../../js/variant.js?1694553677"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694640601" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694640601" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694640601" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694640601" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694640601" rel="stylesheet">
+    <link href="../../../css/print.css?1694640601" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1694640601" rel="stylesheet">
+    <link href="../../../css/ie.css?1694640601" rel="stylesheet">
+    <script src="../../../js/url.js?1694640601"></script>
+    <script src="../../../js/variant.js?1694640601"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -53,23 +53,23 @@
   </head>
   <body class="mobile-support print disableInlineCopyToClipboard" data-url="../../../pir/shortcodes/openapi/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/shortcodes/index.html"><span itemprop="name">Shorrrtcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">OpenAPI</span><meta itemprop="position" content="3"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
           </div>
         </div>
       </nav>
@@ -169,7 +169,7 @@
 <div class="sc-openapi-wrapper is-load'n helper-loading-container">
   <div
     class="sc-openapi-container"
-    id="openapi-2967f3be0759c3f7e1a15ffd2c47a9dc"
+    id="openapi-2acd99b2f2203465be78c17119273dbd"
     openapi-url="../../../shortcodes/openapi/petstore.json"
   ></div>
 </div>
@@ -183,14 +183,14 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1694553678" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1694553678" defer></script>
+    <script src="../../../js/clipboard.min.js?1694640602" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694640602" defer></script>
     <script>window.noZensmooth = true;</script>
-    <script src="../../../js/swagger-ui/swagger-ui-bundle.js?1694553678" defer></script>
-    <script src="../../../js/swagger-ui/swagger-ui-standalone-preset.js?1694553678" defer></script>
+    <script src="../../../js/swagger-ui/swagger-ui-bundle.js?1694640602" defer></script>
+    <script src="../../../js/swagger-ui/swagger-ui-standalone-preset.js?1694640602" defer></script>
     <script>
-      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1694553678", assetsBuster:  1694553678  };
+      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1694640602", assetsBuster:  1694640602  };
     </script>
-    <script src="../../../js/theme.js?1694553678" defer></script>
+    <script src="../../../js/theme.js?1694640602" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/siteparam/index.html b/pir/shortcodes/siteparam/index.html
index 21f7f7c618..9fb7eb4e17 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../../../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../../../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../../../js/url.js?1694553675"></script>
-    <script src="../../../js/variant.js?1694553675"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../../../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../../../js/url.js?1694640598"></script>
+    <script src="../../../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -52,51 +52,23 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../../pir/shortcodes/siteparam/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <a href="../../../pir/shortcodes/tab/index.html" title="Tab (🡐)">
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../../pir/shortcodes/openapi/index.html" title="OpenAPI (🡒)">
-                <i class="fa-fw fas fa-chevron-left"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-print">
-              <a href="../../../pir/shortcodes/siteparam/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
-                <i class="fa-fw fas fa-print"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-edit">
-              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/siteparam.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
-                <i class="fa-fw fas fa-pen"></i>
-              </a>
-            </div>
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
+            <div id="sidebar-overlay"></div>
             <div class="topbar-button topbar-toc">
               <button onclick="showToc()" type="button" title="Table o&#39; Contents (CTRL&#43;ALT&#43;t)">
                 <i class="fa-fw fas fa-list-alt"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/shortcodes/index.html"><span itemprop="name">Shorrrtcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">SiteParam</span><meta itemprop="position" content="3"></li>
-            </ol>
-          </div>
-          <div class="default-animation progress">
-            <div class="toc-wrapper">
+            <div class="default-animation progress">
+              <div class="toc-wrapper">
 <nav id="TableOfContents">
   <ul>
     <li><a href="#usage">Usage</a>
@@ -112,6 +84,35 @@
     </li>
   </ul>
 </nav>
+              </div>
+            </div>
+            <div id="toc-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/shortcodes/index.html"><span itemprop="name">Shorrrtcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">SiteParam</span><meta itemprop="position" content="3"></li>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-edit">
+              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/siteparam.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+                <i class="fa-fw fas fa-pen"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-print">
+              <a href="../../../pir/shortcodes/siteparam/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
+                <i class="fa-fw fas fa-print"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-prev">
+              <a href="../../../pir/shortcodes/openapi/index.html" title="OpenAPI (🡒)">
+                <i class="fa-fw fas fa-chevron-left"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-next">
+              <a href="../../../pir/shortcodes/tab/index.html" title="Tab (🡐)">
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </a>
             </div>
           </div>
         </div>
@@ -215,13 +216,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="5761b8ab8b53134ef9568b712b91bdf5">
+<div class="tab-panel" data-tab-group="fb76e332005f136bc6ef09aa58293a41">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="configtoml"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('5761b8ab8b53134ef9568b712b91bdf5','configtoml')"
+      onclick="switchTab('fb76e332005f136bc6ef09aa58293a41','configtoml')"
     >
       <div>
         <div class="tab-nav-hidden">config.toml</div>
@@ -330,12 +331,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1694553676" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1694553676" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694553676" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1694553676" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1694553676" defer></script>
-        <script src="../../../js/search.js?1694553676" defer></script>
+        <script src="../../../js/auto-complete.js?1694640599" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1694640599" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694640599" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1694640599" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1694640599" defer></script>
+        <script src="../../../js/search.js?1694640599" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -466,8 +467,12 @@
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -475,27 +480,25 @@
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1694553676"></script>
+          <script async src="../../../js/github-buttons.js?1694640599"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1694553676" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1694553676" defer></script>
-    <script src="../../../js/theme.js?1694553676" defer></script>
+    <script src="../../../js/clipboard.min.js?1694640599" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694640599" defer></script>
+    <script src="../../../js/theme.js?1694640599" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/siteparam/index.print.html b/pir/shortcodes/siteparam/index.print.html
index 247512f9e8..97e455f2f1 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1694553677" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1694553677" rel="stylesheet">
-    <link href="../../../css/fonts.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1694553677" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1694553677" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1694553677" rel="stylesheet">
-    <link href="../../../css/print.css?1694553677" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1694553677" rel="stylesheet">
-    <link href="../../../css/ie.css?1694553677" rel="stylesheet">
-    <script src="../../../js/url.js?1694553677"></script>
-    <script src="../../../js/variant.js?1694553677"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694640601" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694640601" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694640601" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694640601" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694640601" rel="stylesheet">
+    <link href="../../../css/print.css?1694640601" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1694640601" rel="stylesheet">
+    <link href="../../../css/ie.css?1694640601" rel="stylesheet">
+    <script src="../../../js/url.js?1694640601"></script>
+    <script src="../../../js/variant.js?1694640601"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -53,23 +53,23 @@
   </head>
   <body class="mobile-support print disableInlineCopyToClipboard" data-url="../../../pir/shortcodes/siteparam/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/shortcodes/index.html"><span itemprop="name">Shorrrtcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">SiteParam</span><meta itemprop="position" content="3"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
           </div>
         </div>
       </nav>
@@ -172,13 +172,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="5761b8ab8b53134ef9568b712b91bdf5">
+<div class="tab-panel" data-tab-group="fb76e332005f136bc6ef09aa58293a41">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="configtoml"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('5761b8ab8b53134ef9568b712b91bdf5','configtoml')"
+      onclick="switchTab('fb76e332005f136bc6ef09aa58293a41','configtoml')"
     >
       <div>
         <div class="tab-nav-hidden">config.toml</div>
@@ -209,8 +209,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1694553677" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1694553677" defer></script>
-    <script src="../../../js/theme.js?1694553677" defer></script>
+    <script src="../../../js/clipboard.min.js?1694640601" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694640601" defer></script>
+    <script src="../../../js/theme.js?1694640601" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/tab/index.html b/pir/shortcodes/tab/index.html
index c56ad56635..6f9482790d 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../../../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../../../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../../../js/url.js?1694553675"></script>
-    <script src="../../../js/variant.js?1694553675"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../../../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../../../js/url.js?1694640598"></script>
+    <script src="../../../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -52,51 +52,23 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../../pir/shortcodes/tab/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <a href="../../../pir/shortcodes/tabs/index.html" title="Tabs (🡐)">
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../../pir/shortcodes/siteparam/index.html" title="SiteParam (🡒)">
-                <i class="fa-fw fas fa-chevron-left"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-print">
-              <a href="../../../pir/shortcodes/tab/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
-                <i class="fa-fw fas fa-print"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-edit">
-              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/tab.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
-                <i class="fa-fw fas fa-pen"></i>
-              </a>
-            </div>
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
+            <div id="sidebar-overlay"></div>
             <div class="topbar-button topbar-toc">
               <button onclick="showToc()" type="button" title="Table o&#39; Contents (CTRL&#43;ALT&#43;t)">
                 <i class="fa-fw fas fa-list-alt"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/shortcodes/index.html"><span itemprop="name">Shorrrtcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Tab</span><meta itemprop="position" content="3"></li>
-            </ol>
-          </div>
-          <div class="default-animation progress">
-            <div class="toc-wrapper">
+            <div class="default-animation progress">
+              <div class="toc-wrapper">
 <nav id="TableOfContents">
   <ul>
     <li><a href="#usage">Usage</a>
@@ -113,6 +85,35 @@
     </li>
   </ul>
 </nav>
+              </div>
+            </div>
+            <div id="toc-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/shortcodes/index.html"><span itemprop="name">Shorrrtcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Tab</span><meta itemprop="position" content="3"></li>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-edit">
+              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/tab.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+                <i class="fa-fw fas fa-pen"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-print">
+              <a href="../../../pir/shortcodes/tab/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
+                <i class="fa-fw fas fa-print"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-prev">
+              <a href="../../../pir/shortcodes/siteparam/index.html" title="SiteParam (🡒)">
+                <i class="fa-fw fas fa-chevron-left"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-next">
+              <a href="../../../pir/shortcodes/tabs/index.html" title="Tabs (🡐)">
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </a>
             </div>
           </div>
         </div>
@@ -129,13 +130,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="6b89109facbd59f44bc55406b2d61f1d">
+<div class="tab-panel" data-tab-group="55b5a92e025c5c02f4578b2b628d7c93">
   <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('6b89109facbd59f44bc55406b2d61f1d','c')"
+      onclick="switchTab('55b5a92e025c5c02f4578b2b628d7c93','c')"
     >
       <div>
         <div class="tab-nav-hidden">c</div>
@@ -249,13 +250,13 @@
 </span></span></span><span class="line"><span class="cl"><span class="s">printf(&#34;Hello World!&#34;);
 </span></span></span><span class="line"><span class="cl"><span class="s">```</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="c450418b63cc71c256e67443c6513fe0">
+<div class="tab-panel" data-tab-group="a7db81fde6b576e655625e92509f1a39">
   <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('c450418b63cc71c256e67443c6513fe0','code')"
+      onclick="switchTab('a7db81fde6b576e655625e92509f1a39','code')"
     >
       <div>
         <div class="tab-nav-hidden">Code</div>
@@ -280,13 +281,13 @@
 </span></span></span><span class="line"><span class="cl"><span class="s">printf(&#34;Hello World!&#34;);
 </span></span></span><span class="line"><span class="cl"><span class="s">```</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="06024a96c719eec92c730a569fb2281b">
+<div class="tab-panel" data-tab-group="7bb61f6e65e60da7cfad9bcb1e8d0879">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="emstrongmixedstrongem"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('06024a96c719eec92c730a569fb2281b','emstrongmixedstrongem')"
+      onclick="switchTab('7bb61f6e65e60da7cfad9bcb1e8d0879','emstrongmixedstrongem')"
     >
       <div>
         <div class="tab-nav-hidden"><em><strong>Mixed</strong></em></div>
@@ -334,13 +335,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="7c57cf7c5ea8d88dbecee6bf122af492">
+<div class="tab-panel" data-tab-group="ac485a364ccc1ac3230d8b295ee25945">
   <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('7c57cf7c5ea8d88dbecee6bf122af492','just-colored-style')"
+      onclick="switchTab('ac485a364ccc1ac3230d8b295ee25945','just-colored-style')"
     >
       <div>
         <div class="tab-nav-hidden">just colored style</div>
@@ -350,7 +351,7 @@
     <button
       data-tab-item="just-color"
       class="tab-nav-button tab-panel-style cstyle filled" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('7c57cf7c5ea8d88dbecee6bf122af492','just-color')"
+      onclick="switchTab('ac485a364ccc1ac3230d8b295ee25945','just-color')"
     >
       <div>
         <div class="tab-nav-hidden">just color</div>
@@ -360,7 +361,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('7c57cf7c5ea8d88dbecee6bf122af492','default-style-and-color')"
+      onclick="switchTab('ac485a364ccc1ac3230d8b295ee25945','default-style-and-color')"
     >
       <div>
         <div class="tab-nav-hidden">default style an' color</div>
@@ -370,7 +371,7 @@
     <button
       data-tab-item="just-severity-stylefa-fw-fas-fa-info-circle"
       class="tab-nav-button tab-panel-style cstyle info"
-      onclick="switchTab('7c57cf7c5ea8d88dbecee6bf122af492','just-severity-stylefa-fw-fas-fa-info-circle')"
+      onclick="switchTab('ac485a364ccc1ac3230d8b295ee25945','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>
@@ -380,7 +381,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('7c57cf7c5ea8d88dbecee6bf122af492','severity-style-and-colorfa-fw-fas-fa-info-circle')"
+      onclick="switchTab('ac485a364ccc1ac3230d8b295ee25945','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 an' color</div>
@@ -524,12 +525,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1694553676" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1694553676" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694553676" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1694553676" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1694553676" defer></script>
-        <script src="../../../js/search.js?1694553676" defer></script>
+        <script src="../../../js/auto-complete.js?1694640600" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1694640600" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694640600" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1694640600" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1694640600" defer></script>
+        <script src="../../../js/search.js?1694640600" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -660,8 +661,12 @@
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -669,27 +674,25 @@
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1694553676"></script>
+          <script async src="../../../js/github-buttons.js?1694640600"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1694553676" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1694553676" defer></script>
-    <script src="../../../js/theme.js?1694553676" defer></script>
+    <script src="../../../js/clipboard.min.js?1694640600" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694640600" defer></script>
+    <script src="../../../js/theme.js?1694640600" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/tab/index.print.html b/pir/shortcodes/tab/index.print.html
index 19d42e8d01..d3e1d2f59c 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1694553677" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1694553677" rel="stylesheet">
-    <link href="../../../css/fonts.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1694553677" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1694553677" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1694553677" rel="stylesheet">
-    <link href="../../../css/print.css?1694553677" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1694553677" rel="stylesheet">
-    <link href="../../../css/ie.css?1694553677" rel="stylesheet">
-    <script src="../../../js/url.js?1694553677"></script>
-    <script src="../../../js/variant.js?1694553677"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694640601" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694640601" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694640601" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694640601" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694640601" rel="stylesheet">
+    <link href="../../../css/print.css?1694640601" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1694640601" rel="stylesheet">
+    <link href="../../../css/ie.css?1694640601" rel="stylesheet">
+    <script src="../../../js/url.js?1694640601"></script>
+    <script src="../../../js/variant.js?1694640601"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -53,23 +53,23 @@
   </head>
   <body class="mobile-support print disableInlineCopyToClipboard" data-url="../../../pir/shortcodes/tab/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/shortcodes/index.html"><span itemprop="name">Shorrrtcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Tab</span><meta itemprop="position" content="3"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
           </div>
         </div>
       </nav>
@@ -85,13 +85,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="6b89109facbd59f44bc55406b2d61f1d">
+<div class="tab-panel" data-tab-group="55b5a92e025c5c02f4578b2b628d7c93">
   <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('6b89109facbd59f44bc55406b2d61f1d','c')"
+      onclick="switchTab('55b5a92e025c5c02f4578b2b628d7c93','c')"
     >
       <div>
         <div class="tab-nav-hidden">c</div>
@@ -205,13 +205,13 @@
 </span></span></span><span class="line"><span class="cl"><span class="s">printf(&#34;Hello World!&#34;);
 </span></span></span><span class="line"><span class="cl"><span class="s">```</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="c450418b63cc71c256e67443c6513fe0">
+<div class="tab-panel" data-tab-group="a7db81fde6b576e655625e92509f1a39">
   <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('c450418b63cc71c256e67443c6513fe0','code')"
+      onclick="switchTab('a7db81fde6b576e655625e92509f1a39','code')"
     >
       <div>
         <div class="tab-nav-hidden">Code</div>
@@ -236,13 +236,13 @@
 </span></span></span><span class="line"><span class="cl"><span class="s">printf(&#34;Hello World!&#34;);
 </span></span></span><span class="line"><span class="cl"><span class="s">```</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="06024a96c719eec92c730a569fb2281b">
+<div class="tab-panel" data-tab-group="7bb61f6e65e60da7cfad9bcb1e8d0879">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="emstrongmixedstrongem"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('06024a96c719eec92c730a569fb2281b','emstrongmixedstrongem')"
+      onclick="switchTab('7bb61f6e65e60da7cfad9bcb1e8d0879','emstrongmixedstrongem')"
     >
       <div>
         <div class="tab-nav-hidden"><em><strong>Mixed</strong></em></div>
@@ -290,13 +290,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="7c57cf7c5ea8d88dbecee6bf122af492">
+<div class="tab-panel" data-tab-group="ac485a364ccc1ac3230d8b295ee25945">
   <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('7c57cf7c5ea8d88dbecee6bf122af492','just-colored-style')"
+      onclick="switchTab('ac485a364ccc1ac3230d8b295ee25945','just-colored-style')"
     >
       <div>
         <div class="tab-nav-hidden">just colored style</div>
@@ -306,7 +306,7 @@
     <button
       data-tab-item="just-color"
       class="tab-nav-button tab-panel-style cstyle filled" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('7c57cf7c5ea8d88dbecee6bf122af492','just-color')"
+      onclick="switchTab('ac485a364ccc1ac3230d8b295ee25945','just-color')"
     >
       <div>
         <div class="tab-nav-hidden">just color</div>
@@ -316,7 +316,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('7c57cf7c5ea8d88dbecee6bf122af492','default-style-and-color')"
+      onclick="switchTab('ac485a364ccc1ac3230d8b295ee25945','default-style-and-color')"
     >
       <div>
         <div class="tab-nav-hidden">default style an' color</div>
@@ -326,7 +326,7 @@
     <button
       data-tab-item="just-severity-stylefa-fw-fas-fa-info-circle"
       class="tab-nav-button tab-panel-style cstyle info"
-      onclick="switchTab('7c57cf7c5ea8d88dbecee6bf122af492','just-severity-stylefa-fw-fas-fa-info-circle')"
+      onclick="switchTab('ac485a364ccc1ac3230d8b295ee25945','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>
@@ -336,7 +336,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('7c57cf7c5ea8d88dbecee6bf122af492','severity-style-and-colorfa-fw-fas-fa-info-circle')"
+      onclick="switchTab('ac485a364ccc1ac3230d8b295ee25945','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 an' color</div>
@@ -402,8 +402,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1694553677" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1694553677" defer></script>
-    <script src="../../../js/theme.js?1694553677" defer></script>
+    <script src="../../../js/clipboard.min.js?1694640601" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694640601" defer></script>
+    <script src="../../../js/theme.js?1694640601" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/tabs/index.html b/pir/shortcodes/tabs/index.html
index 883673f002..a5e4ba44e7 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../../../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../../../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../../../js/url.js?1694553675"></script>
-    <script src="../../../js/variant.js?1694553675"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../../../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../../../js/url.js?1694640598"></script>
+    <script src="../../../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -52,51 +52,23 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../../pir/shortcodes/tabs/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <span>
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </span>
-            </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../../pir/shortcodes/tab/index.html" title="Tab (🡒)">
-                <i class="fa-fw fas fa-chevron-left"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-print">
-              <a href="../../../pir/shortcodes/tabs/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
-                <i class="fa-fw fas fa-print"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-edit">
-              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/tabs.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
-                <i class="fa-fw fas fa-pen"></i>
-              </a>
-            </div>
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
+            <div id="sidebar-overlay"></div>
             <div class="topbar-button topbar-toc">
               <button onclick="showToc()" type="button" title="Table o&#39; Contents (CTRL&#43;ALT&#43;t)">
                 <i class="fa-fw fas fa-list-alt"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/shortcodes/index.html"><span itemprop="name">Shorrrtcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Tabs</span><meta itemprop="position" content="3"></li>
-            </ol>
-          </div>
-          <div class="default-animation progress">
-            <div class="toc-wrapper">
+            <div class="default-animation progress">
+              <div class="toc-wrapper">
 <nav id="TableOfContents">
   <ul>
     <li><a href="#usage">Usage</a>
@@ -112,6 +84,35 @@
     </li>
   </ul>
 </nav>
+              </div>
+            </div>
+            <div id="toc-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/shortcodes/index.html"><span itemprop="name">Shorrrtcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Tabs</span><meta itemprop="position" content="3"></li>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-edit">
+              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/tabs.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+                <i class="fa-fw fas fa-pen"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-print">
+              <a href="../../../pir/shortcodes/tabs/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
+                <i class="fa-fw fas fa-print"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-prev">
+              <a href="../../../pir/shortcodes/tab/index.html" title="Tab (🡒)">
+                <i class="fa-fw fas fa-chevron-left"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-next">
+              <span>
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </span>
             </div>
           </div>
         </div>
@@ -128,13 +129,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="87ae9ba6bd3ef895016567794c96b1dc">
+<div class="tab-panel" data-tab-group="bad26d6658363c3202297394ba893b90">
   <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('87ae9ba6bd3ef895016567794c96b1dc','py')"
+      onclick="switchTab('bad26d6658363c3202297394ba893b90','py')"
     >
       <div>
         <div class="tab-nav-hidden">py</div>
@@ -144,7 +145,7 @@
     <button
       data-tab-item="sh"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('87ae9ba6bd3ef895016567794c96b1dc','sh')"
+      onclick="switchTab('bad26d6658363c3202297394ba893b90','sh')"
     >
       <div>
         <div class="tab-nav-hidden">sh</div>
@@ -154,7 +155,7 @@
     <button
       data-tab-item="c"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('87ae9ba6bd3ef895016567794c96b1dc','c')"
+      onclick="switchTab('bad26d6658363c3202297394ba893b90','c')"
     >
       <div>
         <div class="tab-nav-hidden">c</div>
@@ -311,13 +312,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="33d25ad127b79a7011998da2302a504c">
+<div class="tab-panel" data-tab-group="ed02acb92a8b7a272e255eca638e292c">
   <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('33d25ad127b79a7011998da2302a504c','group-a-tab-view-1')"
+      onclick="switchTab('ed02acb92a8b7a272e255eca638e292c','group-a-tab-view-1')"
     >
       <div>
         <div class="tab-nav-hidden">Group A, Tab View 1</div>
@@ -327,7 +328,7 @@
     <button
       data-tab-item="group-a-tab-view-2"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('33d25ad127b79a7011998da2302a504c','group-a-tab-view-2')"
+      onclick="switchTab('ed02acb92a8b7a272e255eca638e292c','group-a-tab-view-2')"
     >
       <div>
         <div class="tab-nav-hidden">Group A, Tab View 2</div>
@@ -337,7 +338,7 @@
     <button
       data-tab-item="group-b"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('33d25ad127b79a7011998da2302a504c','group-b')"
+      onclick="switchTab('ed02acb92a8b7a272e255eca638e292c','group-b')"
     >
       <div>
         <div class="tab-nav-hidden">Group B</div>
@@ -814,12 +815,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1694553676" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1694553676" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694553676" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1694553676" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1694553676" defer></script>
-        <script src="../../../js/search.js?1694553676" defer></script>
+        <script src="../../../js/auto-complete.js?1694640600" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1694640600" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694640600" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1694640600" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1694640600" defer></script>
+        <script src="../../../js/search.js?1694640600" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -950,8 +951,12 @@
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -959,27 +964,25 @@
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1694553676"></script>
+          <script async src="../../../js/github-buttons.js?1694640600"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1694553676" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1694553676" defer></script>
-    <script src="../../../js/theme.js?1694553676" defer></script>
+    <script src="../../../js/clipboard.min.js?1694640600" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694640600" defer></script>
+    <script src="../../../js/theme.js?1694640600" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/tabs/index.print.html b/pir/shortcodes/tabs/index.print.html
index 20985542aa..a79bc5f33a 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1694553677" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1694553677" rel="stylesheet">
-    <link href="../../../css/fonts.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1694553677" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1694553677" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1694553677" rel="stylesheet">
-    <link href="../../../css/print.css?1694553677" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1694553677" rel="stylesheet">
-    <link href="../../../css/ie.css?1694553677" rel="stylesheet">
-    <script src="../../../js/url.js?1694553677"></script>
-    <script src="../../../js/variant.js?1694553677"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694640601" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694640601" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694640601" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694640601" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694640601" rel="stylesheet">
+    <link href="../../../css/print.css?1694640601" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1694640601" rel="stylesheet">
+    <link href="../../../css/ie.css?1694640601" rel="stylesheet">
+    <script src="../../../js/url.js?1694640601"></script>
+    <script src="../../../js/variant.js?1694640601"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -53,23 +53,23 @@
   </head>
   <body class="mobile-support print disableInlineCopyToClipboard" data-url="../../../pir/shortcodes/tabs/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/shortcodes/index.html"><span itemprop="name">Shorrrtcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Tabs</span><meta itemprop="position" content="3"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
           </div>
         </div>
       </nav>
@@ -85,13 +85,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="87ae9ba6bd3ef895016567794c96b1dc">
+<div class="tab-panel" data-tab-group="bad26d6658363c3202297394ba893b90">
   <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('87ae9ba6bd3ef895016567794c96b1dc','py')"
+      onclick="switchTab('bad26d6658363c3202297394ba893b90','py')"
     >
       <div>
         <div class="tab-nav-hidden">py</div>
@@ -101,7 +101,7 @@
     <button
       data-tab-item="sh"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('87ae9ba6bd3ef895016567794c96b1dc','sh')"
+      onclick="switchTab('bad26d6658363c3202297394ba893b90','sh')"
     >
       <div>
         <div class="tab-nav-hidden">sh</div>
@@ -111,7 +111,7 @@
     <button
       data-tab-item="c"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('87ae9ba6bd3ef895016567794c96b1dc','c')"
+      onclick="switchTab('bad26d6658363c3202297394ba893b90','c')"
     >
       <div>
         <div class="tab-nav-hidden">c</div>
@@ -268,13 +268,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="33d25ad127b79a7011998da2302a504c">
+<div class="tab-panel" data-tab-group="ed02acb92a8b7a272e255eca638e292c">
   <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('33d25ad127b79a7011998da2302a504c','group-a-tab-view-1')"
+      onclick="switchTab('ed02acb92a8b7a272e255eca638e292c','group-a-tab-view-1')"
     >
       <div>
         <div class="tab-nav-hidden">Group A, Tab View 1</div>
@@ -284,7 +284,7 @@
     <button
       data-tab-item="group-a-tab-view-2"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('33d25ad127b79a7011998da2302a504c','group-a-tab-view-2')"
+      onclick="switchTab('ed02acb92a8b7a272e255eca638e292c','group-a-tab-view-2')"
     >
       <div>
         <div class="tab-nav-hidden">Group A, Tab View 2</div>
@@ -294,7 +294,7 @@
     <button
       data-tab-item="group-b"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('33d25ad127b79a7011998da2302a504c','group-b')"
+      onclick="switchTab('ed02acb92a8b7a272e255eca638e292c','group-b')"
     >
       <div>
         <div class="tab-nav-hidden">Group B</div>
@@ -693,8 +693,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1694553677" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1694553677" defer></script>
-    <script src="../../../js/theme.js?1694553677" defer></script>
+    <script src="../../../js/clipboard.min.js?1694640601" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694640601" defer></script>
+    <script src="../../../js/theme.js?1694640601" defer></script>
   </body>
 </html>
diff --git a/pir/showcase/index.html b/pir/showcase/index.html
index 746615ab70..98e5dc0b86 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../../js/url.js?1694553675"></script>
-    <script src="../../js/variant.js?1694553675"></script>
+    <link href="../../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../../js/url.js?1694640598"></script>
+    <script src="../../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -52,50 +52,23 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../pir/showcase/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <span>
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </span>
-            </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../pir/shortcodes/tabs/index.html" title="Tabs (🡒)">
-                <i class="fa-fw fas fa-chevron-left"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-print">
-              <a href="../../pir/showcase/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
-                <i class="fa-fw fas fa-print"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-edit">
-              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/showcase/_index.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
-                <i class="fa-fw fas fa-pen"></i>
-              </a>
-            </div>
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
+            <div id="sidebar-overlay"></div>
             <div class="topbar-button topbar-toc">
               <button onclick="showToc()" type="button" title="Table o&#39; Contents (CTRL&#43;ALT&#43;t)">
                 <i class="fa-fw fas fa-list-alt"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Showcase</span><meta itemprop="position" content="2"></li>
-            </ol>
-          </div>
-          <div class="default-animation progress">
-            <div class="toc-wrapper">
+            <div class="default-animation progress">
+              <div class="toc-wrapper">
 <nav id="TableOfContents">
   <ul>
     <li><a href="#gobolinux-wikihttpswikigobolinuxorg-by-neonsysorg"><a href="https://wiki.gobolinux.org/">GoboLinux Wiki</a> by NEONsys.org</a></li>
@@ -103,6 +76,34 @@
     <li><a href="#pamasol-electricshttpspamasolgithubiode-by-pamasol"><a href="https://pamasol.github.io/de/">Pamasol Electrics</a> by Pamasol</a></li>
   </ul>
 </nav>
+              </div>
+            </div>
+            <div id="toc-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Showcase</span><meta itemprop="position" content="2"></li>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-edit">
+              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/showcase/_index.pir.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+                <i class="fa-fw fas fa-pen"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-print">
+              <a href="../../pir/showcase/index.print.html" title="Prrrint whole chapterrr (CTRL&#43;ALT&#43;p)">
+                <i class="fa-fw fas fa-print"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-prev">
+              <a href="../../pir/shortcodes/tabs/index.html" title="Tabs (🡒)">
+                <i class="fa-fw fas fa-chevron-left"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-next">
+              <span>
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </span>
             </div>
           </div>
         </div>
@@ -116,14 +117,14 @@
 
 
 <h2 id="gobolinux-wikihttpswikigobolinuxorg-by-neonsysorg"><a href="https://wiki.gobolinux.org/" target="_blank">GoboLinux Wiki</a> by NEONsys.org</h2>
-<p><a href="#image-bb08b1f56546572649495390bea3a74d" class="lightbox-link"><img src="../../showcase/gobolinux.png?width=60pc" alt="GoboLinux image" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-bb08b1f56546572649495390bea3a74d"><img src="../../showcase/gobolinux.png?width=60pc" alt="GoboLinux image" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-bc0d7cfb061373cb89c936f6d7b41817" class="lightbox-link"><img src="../../showcase/gobolinux.png?width=60pc" alt="GoboLinux image" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-bc0d7cfb061373cb89c936f6d7b41817"><img src="../../showcase/gobolinux.png?width=60pc" alt="GoboLinux image" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="bitshttpsbits-trainingdetraining-by-dr-lutz-gollan"><a href="https://bits-train'n.de/training/" target="_blank">BITS</a> by Dr. Lutz Gollan</h2>
-<p><a href="#image-4f85100daa1a83643bc3b60d18052508" class="lightbox-link"><img src="../../showcase/bits-train.png?width=60pc" alt="BITS image" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-4f85100daa1a83643bc3b60d18052508"><img src="../../showcase/bits-train.png?width=60pc" alt="BITS image" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-ecab30c0880be6c0361658ada5683887" class="lightbox-link"><img src="../../showcase/bits-train.png?width=60pc" alt="BITS image" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-ecab30c0880be6c0361658ada5683887"><img src="../../showcase/bits-train.png?width=60pc" alt="BITS image" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="pamasol-electricshttpspamasolgithubiode-by-pamasol"><a href="https://pamasol.github.io/de/" target="_blank">Pamasol Electrics</a> by Pamasol</h2>
-<p><a href="#image-846a57b7fe4e4b58a696bd09cca2072a" class="lightbox-link"><img src="../../showcase/pamasol-electrics-portal.png?width=60pc" alt="Pamasol Electrics" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-846a57b7fe4e4b58a696bd09cca2072a"><img src="../../showcase/pamasol-electrics-portal.png?width=60pc" alt="Pamasol Electrics" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-21a110db95a0960d6e6c4fdaabebebf7" class="lightbox-link"><img src="../../showcase/pamasol-electrics-portal.png?width=60pc" alt="Pamasol Electrics" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-21a110db95a0960d6e6c4fdaabebebf7"><img src="../../showcase/pamasol-electrics-portal.png?width=60pc" alt="Pamasol Electrics" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
 
             <footer class="footline">
@@ -212,12 +213,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1694553677" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1694553677" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694553677" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1694553677" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1694553677" defer></script>
-        <script src="../../js/search.js?1694553677" defer></script>
+        <script src="../../js/auto-complete.js?1694640601" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1694640601" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694640601" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1694640601" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1694640601" defer></script>
+        <script src="../../js/search.js?1694640601" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -348,8 +349,12 @@
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -357,27 +362,25 @@
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1694553677"></script>
+          <script async src="../../js/github-buttons.js?1694640601"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1694553677" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1694553677" defer></script>
-    <script src="../../js/theme.js?1694553677" defer></script>
+    <script src="../../js/clipboard.min.js?1694640601" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694640601" defer></script>
+    <script src="../../js/theme.js?1694640601" defer></script>
   </body>
 </html>
diff --git a/pir/showcase/index.print.html b/pir/showcase/index.print.html
index 01cc094586..6e3c70a1bf 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1694553677" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1694553677" rel="stylesheet">
-    <link href="../../css/fonts.css?1694553677" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694553677" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1694553677" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1694553677" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1694553677" rel="stylesheet">
-    <link href="../../css/print.css?1694553677" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1694553677" rel="stylesheet">
-    <link href="../../css/ie.css?1694553677" rel="stylesheet">
-    <script src="../../js/url.js?1694553677"></script>
-    <script src="../../js/variant.js?1694553677"></script>
+    <link href="../../css/fontawesome-all.min.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694640601" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694640601" rel="stylesheet">
+    <link href="../../css/fonts.css?1694640601" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694640601" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694640601" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694640601" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694640601" rel="stylesheet">
+    <link href="../../css/print.css?1694640601" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1694640601" rel="stylesheet">
+    <link href="../../css/ie.css?1694640601" rel="stylesheet">
+    <script src="../../js/url.js?1694640601"></script>
+    <script src="../../js/variant.js?1694640601"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -53,22 +53,22 @@
   </head>
   <body class="mobile-support print disableInlineCopyToClipboard" data-url="../../pir/showcase/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Showcase</span><meta itemprop="position" content="2"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
           </div>
         </div>
       </nav>
@@ -81,14 +81,14 @@
 
 
 <h2 id="gobolinux-wikihttpswikigobolinuxorg-by-neonsysorg"><a href="https://wiki.gobolinux.org/" target="_blank">GoboLinux Wiki</a> by NEONsys.org</h2>
-<p><a href="#image-bb08b1f56546572649495390bea3a74d" class="lightbox-link"><img src="../../showcase/gobolinux.png?width=60pc" alt="GoboLinux image" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-bb08b1f56546572649495390bea3a74d"><img src="../../showcase/gobolinux.png?width=60pc" alt="GoboLinux image" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-bc0d7cfb061373cb89c936f6d7b41817" class="lightbox-link"><img src="../../showcase/gobolinux.png?width=60pc" alt="GoboLinux image" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-bc0d7cfb061373cb89c936f6d7b41817"><img src="../../showcase/gobolinux.png?width=60pc" alt="GoboLinux image" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="bitshttpsbits-trainingdetraining-by-dr-lutz-gollan"><a href="https://bits-train'n.de/training/" target="_blank">BITS</a> by Dr. Lutz Gollan</h2>
-<p><a href="#image-4f85100daa1a83643bc3b60d18052508" class="lightbox-link"><img src="../../showcase/bits-train.png?width=60pc" alt="BITS image" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-4f85100daa1a83643bc3b60d18052508"><img src="../../showcase/bits-train.png?width=60pc" alt="BITS image" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-ecab30c0880be6c0361658ada5683887" class="lightbox-link"><img src="../../showcase/bits-train.png?width=60pc" alt="BITS image" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-ecab30c0880be6c0361658ada5683887"><img src="../../showcase/bits-train.png?width=60pc" alt="BITS image" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="pamasol-electricshttpspamasolgithubiode-by-pamasol"><a href="https://pamasol.github.io/de/" target="_blank">Pamasol Electrics</a> by Pamasol</h2>
-<p><a href="#image-846a57b7fe4e4b58a696bd09cca2072a" class="lightbox-link"><img src="../../showcase/pamasol-electrics-portal.png?width=60pc" alt="Pamasol Electrics" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-846a57b7fe4e4b58a696bd09cca2072a"><img src="../../showcase/pamasol-electrics-portal.png?width=60pc" alt="Pamasol Electrics" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-21a110db95a0960d6e6c4fdaabebebf7" class="lightbox-link"><img src="../../showcase/pamasol-electrics-portal.png?width=60pc" alt="Pamasol Electrics" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-21a110db95a0960d6e6c4fdaabebebf7"><img src="../../showcase/pamasol-electrics-portal.png?width=60pc" alt="Pamasol Electrics" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
 
             <footer class="footline">
@@ -99,8 +99,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1694553678" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1694553678" defer></script>
-    <script src="../../js/theme.js?1694553678" defer></script>
+    <script src="../../js/clipboard.min.js?1694640602" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694640602" defer></script>
+    <script src="../../js/theme.js?1694640602" defer></script>
   </body>
 </html>
diff --git a/pir/tags/children/index.html b/pir/tags/children/index.html
index a8f364f611..70b413c1f8 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../../../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../../../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../../../js/url.js?1694553675"></script>
-    <script src="../../../js/variant.js?1694553675"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../../../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../../../js/url.js?1694640598"></script>
+    <script src="../../../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -51,33 +51,33 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../../pir/tags/children/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <span>
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </span>
-            </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../../pir/index.html" title="Cap&#39;n Hugo Relearrrn Theme (🡒)">
-                <i class="fa-fw fas fa-chevron-left"></i>
-              </a>
-            </div>
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/tags/index.html"><span itemprop="name">Taks</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Tak :: Children</span><meta itemprop="position" content="3"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-prev">
+              <a href="../../../pir/index.html" title="Cap&#39;n Hugo Relearrrn Theme (🡒)">
+                <i class="fa-fw fas fa-chevron-left"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-next">
+              <span>
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </span>
+            </div>
           </div>
         </div>
       </nav>
@@ -189,12 +189,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1694553677" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1694553677" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694553677" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1694553677" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1694553677" defer></script>
-        <script src="../../../js/search.js?1694553677" defer></script>
+        <script src="../../../js/auto-complete.js?1694640601" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1694640601" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694640601" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1694640601" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1694640601" defer></script>
+        <script src="../../../js/search.js?1694640601" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -325,8 +325,12 @@
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -334,27 +338,25 @@
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1694553677"></script>
+          <script async src="../../../js/github-buttons.js?1694640601"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1694553677" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1694553677" defer></script>
-    <script src="../../../js/theme.js?1694553677" defer></script>
+    <script src="../../../js/clipboard.min.js?1694640601" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694640601" defer></script>
+    <script src="../../../js/theme.js?1694640601" defer></script>
   </body>
 </html>
diff --git a/pir/tags/config/index.html b/pir/tags/config/index.html
index 4800677ba7..1a82a445d1 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../../../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../../../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../../../js/url.js?1694553675"></script>
-    <script src="../../../js/variant.js?1694553675"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../../../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../../../js/url.js?1694640598"></script>
+    <script src="../../../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -51,33 +51,33 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../../pir/tags/config/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <span>
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </span>
-            </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../../pir/index.html" title="Cap&#39;n Hugo Relearrrn Theme (🡒)">
-                <i class="fa-fw fas fa-chevron-left"></i>
-              </a>
-            </div>
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/tags/index.html"><span itemprop="name">Taks</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Tak :: config</span><meta itemprop="position" content="3"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-prev">
+              <a href="../../../pir/index.html" title="Cap&#39;n Hugo Relearrrn Theme (🡒)">
+                <i class="fa-fw fas fa-chevron-left"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-next">
+              <span>
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </span>
+            </div>
           </div>
         </div>
       </nav>
@@ -175,12 +175,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1694553677" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1694553677" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694553677" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1694553677" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1694553677" defer></script>
-        <script src="../../../js/search.js?1694553677" defer></script>
+        <script src="../../../js/auto-complete.js?1694640601" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1694640601" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694640601" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1694640601" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1694640601" defer></script>
+        <script src="../../../js/search.js?1694640601" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -311,8 +311,12 @@
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -320,27 +324,25 @@
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1694553677"></script>
+          <script async src="../../../js/github-buttons.js?1694640601"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1694553677" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1694553677" defer></script>
-    <script src="../../../js/theme.js?1694553677" defer></script>
+    <script src="../../../js/clipboard.min.js?1694640601" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694640601" defer></script>
+    <script src="../../../js/theme.js?1694640601" defer></script>
   </body>
 </html>
diff --git a/pir/tags/content/index.html b/pir/tags/content/index.html
index a4164d0b65..13627be60d 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../../../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../../../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../../../js/url.js?1694553675"></script>
-    <script src="../../../js/variant.js?1694553675"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../../../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../../../js/url.js?1694640598"></script>
+    <script src="../../../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -51,33 +51,33 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../../pir/tags/content/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <span>
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </span>
-            </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../../pir/index.html" title="Cap&#39;n Hugo Relearrrn Theme (🡒)">
-                <i class="fa-fw fas fa-chevron-left"></i>
-              </a>
-            </div>
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/tags/index.html"><span itemprop="name">Taks</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Tak :: Content</span><meta itemprop="position" content="3"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-prev">
+              <a href="../../../pir/index.html" title="Cap&#39;n Hugo Relearrrn Theme (🡒)">
+                <i class="fa-fw fas fa-chevron-left"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-next">
+              <span>
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </span>
+            </div>
           </div>
         </div>
       </nav>
@@ -175,12 +175,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1694553677" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1694553677" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694553677" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1694553677" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1694553677" defer></script>
-        <script src="../../../js/search.js?1694553677" defer></script>
+        <script src="../../../js/auto-complete.js?1694640601" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1694640601" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694640601" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1694640601" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1694640601" defer></script>
+        <script src="../../../js/search.js?1694640601" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -311,8 +311,12 @@
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -320,27 +324,25 @@
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1694553677"></script>
+          <script async src="../../../js/github-buttons.js?1694640601"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1694553677" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1694553677" defer></script>
-    <script src="../../../js/theme.js?1694553677" defer></script>
+    <script src="../../../js/clipboard.min.js?1694640601" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694640601" defer></script>
+    <script src="../../../js/theme.js?1694640601" defer></script>
   </body>
 </html>
diff --git a/pir/tags/documentatn/index.html b/pir/tags/documentatn/index.html
index 32d247dc9f..01ba246d33 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../../../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../../../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../../../js/url.js?1694553675"></script>
-    <script src="../../../js/variant.js?1694553675"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../../../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../../../js/url.js?1694640598"></script>
+    <script src="../../../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -48,33 +48,33 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../../pir/tags/documentatn/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <span>
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </span>
-            </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../../pir/index.html" title="Cap&#39;n Hugo Relearrrn Theme (🡒)">
-                <i class="fa-fw fas fa-chevron-left"></i>
-              </a>
-            </div>
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/tags/index.html"><span itemprop="name">Taks</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Tak :: documentat&#39;n</span><meta itemprop="position" content="3"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-prev">
+              <a href="../../../pir/index.html" title="Cap&#39;n Hugo Relearrrn Theme (🡒)">
+                <i class="fa-fw fas fa-chevron-left"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-next">
+              <span>
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </span>
+            </div>
           </div>
         </div>
       </nav>
@@ -172,12 +172,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1694553677" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1694553677" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694553677" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1694553677" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1694553677" defer></script>
-        <script src="../../../js/search.js?1694553677" defer></script>
+        <script src="../../../js/auto-complete.js?1694640601" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1694640601" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694640601" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1694640601" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1694640601" defer></script>
+        <script src="../../../js/search.js?1694640601" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -307,8 +307,12 @@
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -316,27 +320,25 @@
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1694553677"></script>
+          <script async src="../../../js/github-buttons.js?1694640601"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1694553677" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1694553677" defer></script>
-    <script src="../../../js/theme.js?1694553677" defer></script>
+    <script src="../../../js/clipboard.min.js?1694640601" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694640601" defer></script>
+    <script src="../../../js/theme.js?1694640601" defer></script>
   </body>
 </html>
diff --git a/pir/tags/hidden/index.html b/pir/tags/hidden/index.html
index 1b04be7edd..d505c1ff96 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../../../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../../../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../../../js/url.js?1694553675"></script>
-    <script src="../../../js/variant.js?1694553675"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../../../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../../../js/url.js?1694640598"></script>
+    <script src="../../../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -51,33 +51,33 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../../pir/tags/hidden/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <span>
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </span>
-            </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../../pir/index.html" title="Cap&#39;n Hugo Relearrrn Theme (🡒)">
-                <i class="fa-fw fas fa-chevron-left"></i>
-              </a>
-            </div>
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/tags/index.html"><span itemprop="name">Taks</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Tak :: hidden</span><meta itemprop="position" content="3"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-prev">
+              <a href="../../../pir/index.html" title="Cap&#39;n Hugo Relearrrn Theme (🡒)">
+                <i class="fa-fw fas fa-chevron-left"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-next">
+              <span>
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </span>
+            </div>
           </div>
         </div>
       </nav>
@@ -179,12 +179,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1694553677" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1694553677" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694553677" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1694553677" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1694553677" defer></script>
-        <script src="../../../js/search.js?1694553677" defer></script>
+        <script src="../../../js/auto-complete.js?1694640601" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1694640601" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694640601" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1694640601" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1694640601" defer></script>
+        <script src="../../../js/search.js?1694640601" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -315,8 +315,12 @@
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -324,27 +328,25 @@
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1694553677"></script>
+          <script async src="../../../js/github-buttons.js?1694640601"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1694553677" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1694553677" defer></script>
-    <script src="../../../js/theme.js?1694553677" defer></script>
+    <script src="../../../js/clipboard.min.js?1694640601" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694640601" defer></script>
+    <script src="../../../js/theme.js?1694640601" defer></script>
   </body>
 </html>
diff --git a/pir/tags/index.html b/pir/tags/index.html
index 1bdbc30bc0..0b237b9f20 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../../js/url.js?1694553675"></script>
-    <script src="../../js/variant.js?1694553675"></script>
+    <link href="../../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../../js/url.js?1694640598"></script>
+    <script src="../../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -51,40 +51,23 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../pir/tags/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <span>
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </span>
-            </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../pir/index.html" title="Cap&#39;n Hugo Relearrrn Theme (🡒)">
-                <i class="fa-fw fas fa-chevron-left"></i>
-              </a>
-            </div>
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
+            <div id="sidebar-overlay"></div>
             <div class="topbar-button topbar-toc">
               <button onclick="showToc()" type="button" title="Table o&#39; Contents (CTRL&#43;ALT&#43;t)">
                 <i class="fa-fw fas fa-list-alt"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Taks</span><meta itemprop="position" content="2"></li>
-            </ol>
-          </div>
-          <div class="default-animation progress">
-            <div class="toc-wrapper">
+            <div class="default-animation progress">
+              <div class="toc-wrapper">
 <nav id="TableOfContents">
   <ul>
     <li><a href="#c">C</a></li>
@@ -94,6 +77,24 @@
     <li><a href="#t">T</a></li>
   </ul>
 </nav>
+              </div>
+            </div>
+            <div id="toc-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Taks</span><meta itemprop="position" content="2"></li>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-prev">
+              <a href="../../pir/index.html" title="Cap&#39;n Hugo Relearrrn Theme (🡒)">
+                <i class="fa-fw fas fa-chevron-left"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-next">
+              <span>
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </span>
             </div>
           </div>
         </div>
@@ -211,12 +212,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1694553677" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1694553677" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694553677" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1694553677" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1694553677" defer></script>
-        <script src="../../js/search.js?1694553677" defer></script>
+        <script src="../../js/auto-complete.js?1694640601" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1694640601" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694640601" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1694640601" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1694640601" defer></script>
+        <script src="../../js/search.js?1694640601" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -347,8 +348,12 @@
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -356,27 +361,25 @@
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1694553677"></script>
+          <script async src="../../js/github-buttons.js?1694640601"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1694553677" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1694553677" defer></script>
-    <script src="../../js/theme.js?1694553677" defer></script>
+    <script src="../../js/clipboard.min.js?1694640601" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694640601" defer></script>
+    <script src="../../js/theme.js?1694640601" defer></script>
   </body>
 </html>
diff --git a/pir/tags/non-hidden/index.html b/pir/tags/non-hidden/index.html
index 5012761186..e28019a279 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../../../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../../../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../../../js/url.js?1694553675"></script>
-    <script src="../../../js/variant.js?1694553675"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../../../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../../../js/url.js?1694640598"></script>
+    <script src="../../../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -51,33 +51,33 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../../pir/tags/non-hidden/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <span>
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </span>
-            </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../../pir/index.html" title="Cap&#39;n Hugo Relearrrn Theme (🡒)">
-                <i class="fa-fw fas fa-chevron-left"></i>
-              </a>
-            </div>
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/tags/index.html"><span itemprop="name">Taks</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Tak :: non-hidden</span><meta itemprop="position" content="3"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-prev">
+              <a href="../../../pir/index.html" title="Cap&#39;n Hugo Relearrrn Theme (🡒)">
+                <i class="fa-fw fas fa-chevron-left"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-next">
+              <span>
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </span>
+            </div>
           </div>
         </div>
       </nav>
@@ -183,12 +183,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1694553677" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1694553677" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694553677" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1694553677" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1694553677" defer></script>
-        <script src="../../../js/search.js?1694553677" defer></script>
+        <script src="../../../js/auto-complete.js?1694640601" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1694640601" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694640601" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1694640601" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1694640601" defer></script>
+        <script src="../../../js/search.js?1694640601" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -319,8 +319,12 @@
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -328,27 +332,25 @@
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1694553677"></script>
+          <script async src="../../../js/github-buttons.js?1694640601"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1694553677" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1694553677" defer></script>
-    <script src="../../../js/theme.js?1694553677" defer></script>
+    <script src="../../../js/clipboard.min.js?1694640601" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694640601" defer></script>
+    <script src="../../../js/theme.js?1694640601" defer></script>
   </body>
 </html>
diff --git a/pir/tags/tutorrrial/index.html b/pir/tags/tutorrrial/index.html
index 4c32337833..50753f270a 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?1694553675" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694640598" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../../../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../../../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../../../js/url.js?1694553675"></script>
-    <script src="../../../js/variant.js?1694553675"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../../../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../../../js/url.js?1694640598"></script>
+    <script src="../../../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -48,33 +48,33 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../../pir/tags/tutorrrial/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <span>
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </span>
-            </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../../pir/index.html" title="Cap&#39;n Hugo Relearrrn Theme (🡒)">
-                <i class="fa-fw fas fa-chevron-left"></i>
-              </a>
-            </div>
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/index.html"><span itemprop="name">Cap&#39;n Hugo Relearrrn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../pir/tags/index.html"><span itemprop="name">Taks</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Tak :: tutorrrial</span><meta itemprop="position" content="3"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-prev">
+              <a href="../../../pir/index.html" title="Cap&#39;n Hugo Relearrrn Theme (🡒)">
+                <i class="fa-fw fas fa-chevron-left"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-next">
+              <span>
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </span>
+            </div>
           </div>
         </div>
       </nav>
@@ -172,12 +172,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1694553677" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1694553677" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694553677" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1694553677" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1694553677" defer></script>
-        <script src="../../../js/search.js?1694553677" defer></script>
+        <script src="../../../js/auto-complete.js?1694640601" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1694640601" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694640601" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1694640601" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1694640601" defer></script>
+        <script src="../../../js/search.js?1694640601" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -307,8 +307,12 @@
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -316,27 +320,25 @@
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1694553677"></script>
+          <script async src="../../../js/github-buttons.js?1694640601"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1694553677" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1694553677" defer></script>
-    <script src="../../../js/theme.js?1694553677" defer></script>
+    <script src="../../../js/clipboard.min.js?1694640601" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694640601" defer></script>
+    <script src="../../../js/theme.js?1694640601" defer></script>
   </body>
 </html>
diff --git a/search.html b/search.html
index 7ad73d4365..036edcf223 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="./images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="./css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="./css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="./css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="./css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="./css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="./css/theme.css?1694553675" rel="stylesheet">
-    <link href="./css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="./css/variant.css?1694553675" rel="stylesheet">
-    <link href="./css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="./css/ie.css?1694553675" rel="stylesheet">
-    <script src="./js/url.js?1694553675"></script>
-    <script src="./js/variant.js?1694553675"></script>
+    <link href="./css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="./css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="./css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="./css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="./css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="./css/theme.css?1694640598" rel="stylesheet">
+    <link href="./css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="./css/variant.css?1694640598" rel="stylesheet">
+    <link href="./css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="./css/ie.css?1694640598" rel="stylesheet">
+    <script src="./js/url.js?1694640598"></script>
+    <script src="./js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -51,31 +51,31 @@
   </head>
   <body class="mobile-support searchpage disableInlineCopyToClipboard" data-url="./index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <span>
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </span>
-            </div>
-            <div class="topbar-button topbar-prev">
-              <a href="./index.html" title="Hugo Relearn Theme (🡐)">
-                <i class="fa-fw fas fa-chevron-left"></i>
-              </a>
-            </div>
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Hugo Relearn Theme</span><meta itemprop="position" content="1"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-prev">
+              <a href="./index.html" title="Hugo Relearn Theme (🡐)">
+                <i class="fa-fw fas fa-chevron-left"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-next">
+              <span>
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </span>
+            </div>
           </div>
         </div>
       </nav>
@@ -189,12 +189,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="./js/auto-complete.js?1694553675" defer></script>
-        <script src="./js/lunr/lunr.min.js?1694553675" defer></script>
-        <script src="./js/lunr/lunr.stemmer.support.min.js?1694553675" defer></script>
-        <script src="./js/lunr/lunr.multi.min.js?1694553675" defer></script>
-        <script src="./js/lunr/lunr.en.min.js?1694553675" defer></script>
-        <script src="./js/search.js?1694553675" defer></script>
+        <script src="./js/auto-complete.js?1694640598" defer></script>
+        <script src="./js/lunr/lunr.min.js?1694640598" defer></script>
+        <script src="./js/lunr/lunr.stemmer.support.min.js?1694640598" defer></script>
+        <script src="./js/lunr/lunr.multi.min.js?1694640598" defer></script>
+        <script src="./js/lunr/lunr.en.min.js?1694640598" defer></script>
+        <script src="./js/search.js?1694640598" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -325,8 +325,12 @@
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -334,27 +338,25 @@
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="./js/github-buttons.js?1694553675"></script>
+          <script async src="./js/github-buttons.js?1694640598"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="./js/clipboard.min.js?1694553675" defer></script>
-    <script src="./js/perfect-scrollbar.min.js?1694553675" defer></script>
-    <script src="./js/theme.js?1694553675" defer></script>
+    <script src="./js/clipboard.min.js?1694640598" defer></script>
+    <script src="./js/perfect-scrollbar.min.js?1694640598" defer></script>
+    <script src="./js/theme.js?1694640598" defer></script>
   </body>
 </html>
diff --git a/shortcodes/attachments/index.html b/shortcodes/attachments/index.html
index 4208a0cfba..29701d92cd 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1694553673" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1694553673" rel="stylesheet">
-    <link href="../../css/fonts.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1694553673" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1694553673" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1694553673" rel="stylesheet">
-    <link href="../../css/print.css?1694553673" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1694553673" rel="stylesheet">
-    <script src="../../js/url.js?1694553673"></script>
-    <script src="../../js/variant.js?1694553673"></script>
+    <link href="../../css/fontawesome-all.min.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694640597" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694640597" rel="stylesheet">
+    <link href="../../css/fonts.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694640597" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694640597" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694640597" rel="stylesheet">
+    <link href="../../css/print.css?1694640597" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1694640597" rel="stylesheet">
+    <script src="../../js/url.js?1694640597"></script>
+    <script src="../../js/variant.js?1694640597"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -52,51 +52,23 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../shortcodes/attachments/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <a href="../../shortcodes/badge/index.html" title="Badge (🡒)">
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../shortcodes/index.html" title="Shortcodes (🡐)">
-                <i class="fa-fw fas fa-chevron-left"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-print">
-              <a href="../../shortcodes/attachments/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
-                <i class="fa-fw fas fa-print"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-edit">
-              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/attachments/index.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
-                <i class="fa-fw fas fa-pen"></i>
-              </a>
-            </div>
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
+            <div id="sidebar-overlay"></div>
             <div class="topbar-button topbar-toc">
               <button onclick="showToc()" type="button" title="Table of Contents (CTRL&#43;ALT&#43;t)">
                 <i class="fa-fw fas fa-list-alt"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../shortcodes/index.html"><span itemprop="name">Shortcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Attachments</span><meta itemprop="position" content="3"></li>
-            </ol>
-          </div>
-          <div class="default-animation progress">
-            <div class="toc-wrapper">
+            <div class="default-animation progress">
+              <div class="toc-wrapper">
 <nav id="TableOfContents">
   <ul>
     <li><a href="#usage">Usage</a>
@@ -120,6 +92,35 @@
     </li>
   </ul>
 </nav>
+              </div>
+            </div>
+            <div id="toc-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../shortcodes/index.html"><span itemprop="name">Shortcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Attachments</span><meta itemprop="position" content="3"></li>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-edit">
+              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/attachments/index.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+                <i class="fa-fw fas fa-pen"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-print">
+              <a href="../../shortcodes/attachments/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
+                <i class="fa-fw fas fa-print"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-prev">
+              <a href="../../shortcodes/index.html" title="Shortcodes (🡐)">
+                <i class="fa-fw fas fa-chevron-left"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-next">
+              <a href="../../shortcodes/badge/index.html" title="Badge (🡒)">
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </a>
             </div>
           </div>
         </div>
@@ -465,12 +466,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1694553673" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1694553673" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694553673" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1694553673" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1694553673" defer></script>
-        <script src="../../js/search.js?1694553673" defer></script>
+        <script src="../../js/auto-complete.js?1694640597" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1694640597" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694640597" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1694640597" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1694640597" defer></script>
+        <script src="../../js/search.js?1694640597" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -601,8 +602,12 @@
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -610,27 +615,25 @@
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1694553673"></script>
+          <script async src="../../js/github-buttons.js?1694640597"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1694553673" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1694553673" defer></script>
-    <script src="../../js/theme.js?1694553673" defer></script>
+    <script src="../../js/clipboard.min.js?1694640597" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694640597" defer></script>
+    <script src="../../js/theme.js?1694640597" defer></script>
   </body>
 </html>
diff --git a/shortcodes/attachments/index.print.html b/shortcodes/attachments/index.print.html
index c81cbefbec..c25c010ab0 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1694553675" rel="stylesheet">
-    <link href="../../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../../js/url.js?1694553675"></script>
-    <script src="../../js/variant.js?1694553675"></script>
+    <link href="../../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1694640598" rel="stylesheet">
+    <link href="../../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../../js/url.js?1694640598"></script>
+    <script src="../../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -53,23 +53,23 @@
   </head>
   <body class="mobile-support print disableInlineCopyToClipboard" data-url="../../shortcodes/attachments/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../shortcodes/index.html"><span itemprop="name">Shortcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Attachments</span><meta itemprop="position" content="3"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
           </div>
         </div>
       </nav>
@@ -336,8 +336,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1694553675" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1694553675" defer></script>
-    <script src="../../js/theme.js?1694553675" defer></script>
+    <script src="../../js/clipboard.min.js?1694640598" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694640598" defer></script>
+    <script src="../../js/theme.js?1694640598" defer></script>
   </body>
 </html>
diff --git a/shortcodes/badge/index.html b/shortcodes/badge/index.html
index 36f563c768..70f09ffd57 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1694553673" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1694553673" rel="stylesheet">
-    <link href="../../css/fonts.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1694553673" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1694553673" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1694553673" rel="stylesheet">
-    <link href="../../css/print.css?1694553673" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1694553673" rel="stylesheet">
-    <script src="../../js/url.js?1694553673"></script>
-    <script src="../../js/variant.js?1694553673"></script>
+    <link href="../../css/fontawesome-all.min.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694640597" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694640597" rel="stylesheet">
+    <link href="../../css/fonts.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694640597" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694640597" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694640597" rel="stylesheet">
+    <link href="../../css/print.css?1694640597" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1694640597" rel="stylesheet">
+    <script src="../../js/url.js?1694640597"></script>
+    <script src="../../js/variant.js?1694640597"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -52,51 +52,23 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../shortcodes/badge/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <a href="../../shortcodes/button/index.html" title="Button (🡒)">
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../shortcodes/attachments/index.html" title="Attachments (🡐)">
-                <i class="fa-fw fas fa-chevron-left"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-print">
-              <a href="../../shortcodes/badge/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
-                <i class="fa-fw fas fa-print"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-edit">
-              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/badge.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
-                <i class="fa-fw fas fa-pen"></i>
-              </a>
-            </div>
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
+            <div id="sidebar-overlay"></div>
             <div class="topbar-button topbar-toc">
               <button onclick="showToc()" type="button" title="Table of Contents (CTRL&#43;ALT&#43;t)">
                 <i class="fa-fw fas fa-list-alt"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../shortcodes/index.html"><span itemprop="name">Shortcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Badge</span><meta itemprop="position" content="3"></li>
-            </ol>
-          </div>
-          <div class="default-animation progress">
-            <div class="toc-wrapper">
+            <div class="default-animation progress">
+              <div class="toc-wrapper">
 <nav id="TableOfContents">
   <ul>
     <li><a href="#usage">Usage</a>
@@ -113,6 +85,35 @@
     </li>
   </ul>
 </nav>
+              </div>
+            </div>
+            <div id="toc-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../shortcodes/index.html"><span itemprop="name">Shortcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Badge</span><meta itemprop="position" content="3"></li>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-edit">
+              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/badge.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+                <i class="fa-fw fas fa-pen"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-print">
+              <a href="../../shortcodes/badge/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
+                <i class="fa-fw fas fa-print"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-prev">
+              <a href="../../shortcodes/attachments/index.html" title="Attachments (🡐)">
+                <i class="fa-fw fas fa-chevron-left"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-next">
+              <a href="../../shortcodes/button/index.html" title="Button (🡒)">
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </a>
             </div>
           </div>
         </div>
@@ -404,12 +405,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1694553673" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1694553673" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694553673" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1694553673" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1694553673" defer></script>
-        <script src="../../js/search.js?1694553673" defer></script>
+        <script src="../../js/auto-complete.js?1694640597" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1694640597" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694640597" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1694640597" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1694640597" defer></script>
+        <script src="../../js/search.js?1694640597" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -540,8 +541,12 @@
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -549,27 +554,25 @@
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1694553674"></script>
+          <script async src="../../js/github-buttons.js?1694640597"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1694553674" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1694553674" defer></script>
-    <script src="../../js/theme.js?1694553674" defer></script>
+    <script src="../../js/clipboard.min.js?1694640597" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694640597" defer></script>
+    <script src="../../js/theme.js?1694640597" defer></script>
   </body>
 </html>
diff --git a/shortcodes/badge/index.print.html b/shortcodes/badge/index.print.html
index c0df49bc31..e61964815d 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1694553675" rel="stylesheet">
-    <link href="../../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../../js/url.js?1694553675"></script>
-    <script src="../../js/variant.js?1694553675"></script>
+    <link href="../../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1694640598" rel="stylesheet">
+    <link href="../../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../../js/url.js?1694640598"></script>
+    <script src="../../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -53,23 +53,23 @@
   </head>
   <body class="mobile-support print disableInlineCopyToClipboard" data-url="../../shortcodes/badge/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../shortcodes/index.html"><span itemprop="name">Shortcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Badge</span><meta itemprop="position" content="3"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
           </div>
         </div>
       </nav>
@@ -282,8 +282,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1694553675" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1694553675" defer></script>
-    <script src="../../js/theme.js?1694553675" defer></script>
+    <script src="../../js/clipboard.min.js?1694640598" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694640598" defer></script>
+    <script src="../../js/theme.js?1694640598" defer></script>
   </body>
 </html>
diff --git a/shortcodes/button/index.html b/shortcodes/button/index.html
index 017c1eb34c..2f16264187 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1694553673" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1694553673" rel="stylesheet">
-    <link href="../../css/fonts.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1694553673" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1694553673" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1694553673" rel="stylesheet">
-    <link href="../../css/print.css?1694553673" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1694553673" rel="stylesheet">
-    <script src="../../js/url.js?1694553673"></script>
-    <script src="../../js/variant.js?1694553673"></script>
+    <link href="../../css/fontawesome-all.min.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694640597" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694640597" rel="stylesheet">
+    <link href="../../css/fonts.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694640597" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694640597" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694640597" rel="stylesheet">
+    <link href="../../css/print.css?1694640597" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1694640597" rel="stylesheet">
+    <script src="../../js/url.js?1694640597"></script>
+    <script src="../../js/variant.js?1694640597"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -52,51 +52,23 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../shortcodes/button/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <a href="../../shortcodes/children/index.html" title="Children (🡒)">
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../shortcodes/badge/index.html" title="Badge (🡐)">
-                <i class="fa-fw fas fa-chevron-left"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-print">
-              <a href="../../shortcodes/button/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
-                <i class="fa-fw fas fa-print"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-edit">
-              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/button.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
-                <i class="fa-fw fas fa-pen"></i>
-              </a>
-            </div>
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
+            <div id="sidebar-overlay"></div>
             <div class="topbar-button topbar-toc">
               <button onclick="showToc()" type="button" title="Table of Contents (CTRL&#43;ALT&#43;t)">
                 <i class="fa-fw fas fa-list-alt"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../shortcodes/index.html"><span itemprop="name">Shortcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Button</span><meta itemprop="position" content="3"></li>
-            </ol>
-          </div>
-          <div class="default-animation progress">
-            <div class="toc-wrapper">
+            <div class="default-animation progress">
+              <div class="toc-wrapper">
 <nav id="TableOfContents">
   <ul>
     <li><a href="#usage">Usage</a>
@@ -114,6 +86,35 @@
     </li>
   </ul>
 </nav>
+              </div>
+            </div>
+            <div id="toc-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../shortcodes/index.html"><span itemprop="name">Shortcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Button</span><meta itemprop="position" content="3"></li>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-edit">
+              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/button.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+                <i class="fa-fw fas fa-pen"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-print">
+              <a href="../../shortcodes/button/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
+                <i class="fa-fw fas fa-print"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-prev">
+              <a href="../../shortcodes/badge/index.html" title="Badge (🡐)">
+                <i class="fa-fw fas fa-chevron-left"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-next">
+              <a href="../../shortcodes/children/index.html" title="Children (🡒)">
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </a>
             </div>
           </div>
         </div>
@@ -544,12 +545,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1694553674" defer></script>
-        <script src="../../js/search.js?1694553674" defer></script>
+        <script src="../../js/auto-complete.js?1694640597" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1694640597" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694640597" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1694640597" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1694640597" defer></script>
+        <script src="../../js/search.js?1694640597" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -680,8 +681,12 @@
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -689,27 +694,25 @@
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1694553674"></script>
+          <script async src="../../js/github-buttons.js?1694640597"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1694553674" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1694553674" defer></script>
-    <script src="../../js/theme.js?1694553674" defer></script>
+    <script src="../../js/clipboard.min.js?1694640597" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694640597" defer></script>
+    <script src="../../js/theme.js?1694640597" defer></script>
   </body>
 </html>
diff --git a/shortcodes/button/index.print.html b/shortcodes/button/index.print.html
index 6b7f2830ee..e72d3df732 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1694553675" rel="stylesheet">
-    <link href="../../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../../js/url.js?1694553675"></script>
-    <script src="../../js/variant.js?1694553675"></script>
+    <link href="../../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1694640598" rel="stylesheet">
+    <link href="../../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../../js/url.js?1694640598"></script>
+    <script src="../../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -53,23 +53,23 @@
   </head>
   <body class="mobile-support print disableInlineCopyToClipboard" data-url="../../shortcodes/button/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../shortcodes/index.html"><span itemprop="name">Shortcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Button</span><meta itemprop="position" content="3"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
           </div>
         </div>
       </nav>
@@ -421,8 +421,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1694553675" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1694553675" defer></script>
-    <script src="../../js/theme.js?1694553675" defer></script>
+    <script src="../../js/clipboard.min.js?1694640598" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694640598" defer></script>
+    <script src="../../js/theme.js?1694640598" 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 e429d84732..5b05c9ac00 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../../css/fontawesome-all.min.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/nucleus.css?1694553673" rel="stylesheet">
-    <link href="../../../../../../../../css/auto-complete.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1694553673" rel="stylesheet">
-    <link href="../../../../../../../../css/fonts.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/theme.css?1694553673" rel="stylesheet">
-    <link href="../../../../../../../../css/theme-auto.css?1694553673" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../../css/variant.css?1694553673" rel="stylesheet">
-    <link href="../../../../../../../../css/print.css?1694553673" rel="stylesheet" media="print">
-    <link href="../../../../../../../../css/ie.css?1694553673" rel="stylesheet">
-    <script src="../../../../../../../../js/url.js?1694553673"></script>
-    <script src="../../../../../../../../js/variant.js?1694553673"></script>
+    <link href="../../../../../../../../css/fontawesome-all.min.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/nucleus.css?1694640597" rel="stylesheet">
+    <link href="../../../../../../../../css/auto-complete.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1694640597" rel="stylesheet">
+    <link href="../../../../../../../../css/fonts.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/theme.css?1694640597" rel="stylesheet">
+    <link href="../../../../../../../../css/theme-auto.css?1694640597" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../../css/variant.css?1694640597" rel="stylesheet">
+    <link href="../../../../../../../../css/print.css?1694640597" rel="stylesheet" media="print">
+    <link href="../../../../../../../../css/ie.css?1694640597" rel="stylesheet">
+    <script src="../../../../../../../../js/url.js?1694640597"></script>
+    <script src="../../../../../../../../js/variant.js?1694640597"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -51,39 +51,18 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../../../../../../../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">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <a href="../../../../../../../../shortcodes/children/children-1/children-1-1/children-1-1-2/index.html" title="page 1-1-2 (🡒)">
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../../../../../../../shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.html" title="page 1-1-1-1-1 (hidden) (🡐)">
-                <i class="fa-fw fas fa-chevron-left"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-print">
-              <a href="../../../../../../../../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" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
-                <i class="fa-fw fas fa-print"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-edit">
-              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/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.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
-                <i class="fa-fw fas fa-pen"></i>
-              </a>
-            </div>
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../../../shortcodes/index.html"><span itemprop="name">Shortcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../../../shortcodes/children/index.html"><span itemprop="name">Children</span></a><meta itemprop="position" content="3">&nbsp;>&nbsp;</li>
@@ -93,7 +72,28 @@
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../../../shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html"><span itemprop="name">page 1-1-1-1</span></a><meta itemprop="position" content="7">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../../../shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.html"><span itemprop="name">page 1-1-1-1-1 (hidden)</span></a><meta itemprop="position" content="8">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">page 1-1-1-1-1-1</span><meta itemprop="position" content="9"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-edit">
+              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/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.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+                <i class="fa-fw fas fa-pen"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-print">
+              <a href="../../../../../../../../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" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
+                <i class="fa-fw fas fa-print"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-prev">
+              <a href="../../../../../../../../shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.html" title="page 1-1-1-1-1 (hidden) (🡐)">
+                <i class="fa-fw fas fa-chevron-left"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-next">
+              <a href="../../../../../../../../shortcodes/children/children-1/children-1-1/children-1-1-2/index.html" title="page 1-1-2 (🡒)">
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </a>
+            </div>
           </div>
         </div>
       </nav>
@@ -196,12 +196,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../../../js/auto-complete.js?1694553674" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.min.js?1694553674" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.stemmer.support.min.js?1694553674" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.multi.min.js?1694553674" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.en.min.js?1694553674" defer></script>
-        <script src="../../../../../../../../js/search.js?1694553674" defer></script>
+        <script src="../../../../../../../../js/auto-complete.js?1694640598" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.min.js?1694640598" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.stemmer.support.min.js?1694640598" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.multi.min.js?1694640598" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.en.min.js?1694640598" defer></script>
+        <script src="../../../../../../../../js/search.js?1694640598" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -336,8 +336,12 @@
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -345,27 +349,25 @@
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../../../../../js/github-buttons.js?1694553674"></script>
+          <script async src="../../../../../../../../js/github-buttons.js?1694640598"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../../../js/clipboard.min.js?1694553674" defer></script>
-    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1694553674" defer></script>
-    <script src="../../../../../../../../js/theme.js?1694553674" defer></script>
+    <script src="../../../../../../../../js/clipboard.min.js?1694640598" defer></script>
+    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1694640598" defer></script>
+    <script src="../../../../../../../../js/theme.js?1694640598" 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 e3889ee973..fe86f9d7a0 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../../../../../../../../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../../../../../../../../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../../../../../../../../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../../../../../../../../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../../../../../../../../css/format-print.css?1694553675" rel="stylesheet">
-    <link href="../../../../../../../../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../../../../../../../../js/url.js?1694553675"></script>
-    <script src="../../../../../../../../js/variant.js?1694553675"></script>
+    <link href="../../../../../../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../../../../../../../../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../../../../../../../../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../../../../../../../../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../../../../../../../../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../../../../../../../../css/format-print.css?1694640598" rel="stylesheet">
+    <link href="../../../../../../../../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../../../../../../../../js/url.js?1694640598"></script>
+    <script src="../../../../../../../../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -52,19 +52,18 @@
   </head>
   <body class="mobile-support print disableInlineCopyToClipboard" data-url="../../../../../../../../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">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../../../shortcodes/index.html"><span itemprop="name">Shortcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../../../shortcodes/children/index.html"><span itemprop="name">Children</span></a><meta itemprop="position" content="3">&nbsp;>&nbsp;</li>
@@ -74,7 +73,8 @@
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../../../shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html"><span itemprop="name">page 1-1-1-1</span></a><meta itemprop="position" content="7">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../../../shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.html"><span itemprop="name">page 1-1-1-1-1 (hidden)</span></a><meta itemprop="position" content="8">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">page 1-1-1-1-1-1</span><meta itemprop="position" content="9"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
           </div>
         </div>
       </nav>
@@ -99,8 +99,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../../../js/clipboard.min.js?1694553675" defer></script>
-    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1694553675" defer></script>
-    <script src="../../../../../../../../js/theme.js?1694553675" defer></script>
+    <script src="../../../../../../../../js/clipboard.min.js?1694640598" defer></script>
+    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1694640598" defer></script>
+    <script src="../../../../../../../../js/theme.js?1694640598" 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 cd314130a1..8266ef56cc 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../css/fontawesome-all.min.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/nucleus.css?1694553673" rel="stylesheet">
-    <link href="../../../../../../../css/auto-complete.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1694553673" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1694553673" rel="stylesheet">
-    <link href="../../../../../../../css/theme-auto.css?1694553673" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../css/variant.css?1694553673" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1694553673" rel="stylesheet" media="print">
-    <link href="../../../../../../../css/ie.css?1694553673" rel="stylesheet">
-    <script src="../../../../../../../js/url.js?1694553673"></script>
-    <script src="../../../../../../../js/variant.js?1694553673"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/nucleus.css?1694640597" rel="stylesheet">
+    <link href="../../../../../../../css/auto-complete.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1694640597" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1694640597" rel="stylesheet">
+    <link href="../../../../../../../css/theme-auto.css?1694640597" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../css/variant.css?1694640597" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1694640597" rel="stylesheet" media="print">
+    <link href="../../../../../../../css/ie.css?1694640597" rel="stylesheet">
+    <script src="../../../../../../../js/url.js?1694640597"></script>
+    <script src="../../../../../../../js/variant.js?1694640597"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -51,44 +51,33 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../../../../../../shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <a href="../../../../../../../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" title="page 1-1-1-1-1-1 (🡒)">
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../../../../../../shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html" title="page 1-1-1-1 (🡐)">
-                <i class="fa-fw fas fa-chevron-left"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-print">
-              <a href="../../../../../../../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" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
-                <i class="fa-fw fas fa-print"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-edit">
-              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/_index.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
-                <i class="fa-fw fas fa-pen"></i>
-              </a>
-            </div>
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
+            <div id="sidebar-overlay"></div>
             <div class="topbar-button topbar-toc">
               <button onclick="showToc()" type="button" title="Table of Contents (CTRL&#43;ALT&#43;t)">
                 <i class="fa-fw fas fa-list-alt"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div class="default-animation progress">
+              <div class="toc-wrapper">
+<nav id="TableOfContents">
+  <ul>
+    <li><a href="#subpages-of-this-page">Subpages of this page</a></li>
+  </ul>
+</nav>
+              </div>
+            </div>
+            <div id="toc-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../../shortcodes/index.html"><span itemprop="name">Shortcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../../shortcodes/children/index.html"><span itemprop="name">Children</span></a><meta itemprop="position" content="3">&nbsp;>&nbsp;</li>
@@ -97,15 +86,27 @@
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../../shortcodes/children/children-1/children-1-1/children-1-1-1/index.html"><span itemprop="name">page 1-1-1 (hidden)</span></a><meta itemprop="position" content="6">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../../shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html"><span itemprop="name">page 1-1-1-1</span></a><meta itemprop="position" content="7">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">page 1-1-1-1-1 (hidden)</span><meta itemprop="position" content="8"></li>
-            </ol>
-          </div>
-          <div class="default-animation progress">
-            <div class="toc-wrapper">
-<nav id="TableOfContents">
-  <ul>
-    <li><a href="#subpages-of-this-page">Subpages of this page</a></li>
-  </ul>
-</nav>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-edit">
+              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/_index.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+                <i class="fa-fw fas fa-pen"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-print">
+              <a href="../../../../../../../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" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
+                <i class="fa-fw fas fa-print"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-prev">
+              <a href="../../../../../../../shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html" title="page 1-1-1-1 (🡐)">
+                <i class="fa-fw fas fa-chevron-left"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-next">
+              <a href="../../../../../../../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" title="page 1-1-1-1-1-1 (🡒)">
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </a>
             </div>
           </div>
         </div>
@@ -215,12 +216,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../../js/auto-complete.js?1694553674" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.min.js?1694553674" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1694553674" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1694553674" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.en.min.js?1694553674" defer></script>
-        <script src="../../../../../../../js/search.js?1694553674" defer></script>
+        <script src="../../../../../../../js/auto-complete.js?1694640598" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.min.js?1694640598" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1694640598" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1694640598" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.en.min.js?1694640598" defer></script>
+        <script src="../../../../../../../js/search.js?1694640598" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -355,8 +356,12 @@
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -364,27 +369,25 @@
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../../../../js/github-buttons.js?1694553674"></script>
+          <script async src="../../../../../../../js/github-buttons.js?1694640598"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../../js/clipboard.min.js?1694553674" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1694553674" defer></script>
-    <script src="../../../../../../../js/theme.js?1694553674" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1694640598" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1694640598" defer></script>
+    <script src="../../../../../../../js/theme.js?1694640598" 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 70c6b62ec0..f106271270 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../../../../../../../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../../../../../../../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../../../../../../../css/format-print.css?1694553675" rel="stylesheet">
-    <link href="../../../../../../../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../../../../../../../js/url.js?1694553675"></script>
-    <script src="../../../../../../../js/variant.js?1694553675"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../../../../../../../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../../../../../../../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../../../../../../../css/format-print.css?1694640598" rel="stylesheet">
+    <link href="../../../../../../../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../../../../../../../js/url.js?1694640598"></script>
+    <script src="../../../../../../../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -52,19 +52,18 @@
   </head>
   <body class="mobile-support print disableInlineCopyToClipboard" data-url="../../../../../../../shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/children-1-1-1-1-1/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../../shortcodes/index.html"><span itemprop="name">Shortcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../../shortcodes/children/index.html"><span itemprop="name">Children</span></a><meta itemprop="position" content="3">&nbsp;>&nbsp;</li>
@@ -73,7 +72,8 @@
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../../shortcodes/children/children-1/children-1-1/children-1-1-1/index.html"><span itemprop="name">page 1-1-1 (hidden)</span></a><meta itemprop="position" content="6">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../../shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html"><span itemprop="name">page 1-1-1-1</span></a><meta itemprop="position" content="7">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">page 1-1-1-1-1 (hidden)</span><meta itemprop="position" content="8"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
           </div>
         </div>
       </nav>
@@ -123,8 +123,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../../js/clipboard.min.js?1694553675" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1694553675" defer></script>
-    <script src="../../../../../../../js/theme.js?1694553675" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1694640598" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1694640598" defer></script>
+    <script src="../../../../../../../js/theme.js?1694640598" 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 45cd36f7e9..c58e5c3fb8 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1694553673" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1694553673" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1694553673" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1694553673" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../css/variant.css?1694553673" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1694553673" rel="stylesheet" media="print">
-    <link href="../../../../../../css/ie.css?1694553673" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1694553673"></script>
-    <script src="../../../../../../js/variant.js?1694553673"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1694640597" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1694640597" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1694640597" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1694640597" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../css/variant.css?1694640597" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1694640597" rel="stylesheet" media="print">
+    <link href="../../../../../../css/ie.css?1694640597" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1694640597"></script>
+    <script src="../../../../../../js/variant.js?1694640597"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -51,44 +51,33 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../../../../../shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <a href="../../../../../../shortcodes/children/children-1/children-1-1/children-1-1-2/index.html" title="page 1-1-2 (🡒)">
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../../../../../shortcodes/children/children-1/children-1-1/children-1-1-1/index.html" title="page 1-1-1 (hidden) (🡐)">
-                <i class="fa-fw fas fa-chevron-left"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-print">
-              <a href="../../../../../../shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
-                <i class="fa-fw fas fa-print"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-edit">
-              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/_index.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
-                <i class="fa-fw fas fa-pen"></i>
-              </a>
-            </div>
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
+            <div id="sidebar-overlay"></div>
             <div class="topbar-button topbar-toc">
               <button onclick="showToc()" type="button" title="Table of Contents (CTRL&#43;ALT&#43;t)">
                 <i class="fa-fw fas fa-list-alt"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div class="default-animation progress">
+              <div class="toc-wrapper">
+<nav id="TableOfContents">
+  <ul>
+    <li><a href="#subpages-of-this-page">Subpages of this page</a></li>
+  </ul>
+</nav>
+              </div>
+            </div>
+            <div id="toc-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../shortcodes/index.html"><span itemprop="name">Shortcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../shortcodes/children/index.html"><span itemprop="name">Children</span></a><meta itemprop="position" content="3">&nbsp;>&nbsp;</li>
@@ -96,15 +85,27 @@
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../shortcodes/children/children-1/children-1-1/index.html"><span itemprop="name">page 1-1</span></a><meta itemprop="position" content="5">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../shortcodes/children/children-1/children-1-1/children-1-1-1/index.html"><span itemprop="name">page 1-1-1 (hidden)</span></a><meta itemprop="position" content="6">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">page 1-1-1-1</span><meta itemprop="position" content="7"></li>
-            </ol>
-          </div>
-          <div class="default-animation progress">
-            <div class="toc-wrapper">
-<nav id="TableOfContents">
-  <ul>
-    <li><a href="#subpages-of-this-page">Subpages of this page</a></li>
-  </ul>
-</nav>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-edit">
+              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/_index.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+                <i class="fa-fw fas fa-pen"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-print">
+              <a href="../../../../../../shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
+                <i class="fa-fw fas fa-print"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-prev">
+              <a href="../../../../../../shortcodes/children/children-1/children-1-1/children-1-1-1/index.html" title="page 1-1-1 (hidden) (🡐)">
+                <i class="fa-fw fas fa-chevron-left"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-next">
+              <a href="../../../../../../shortcodes/children/children-1/children-1-1/children-1-1-2/index.html" title="page 1-1-2 (🡒)">
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </a>
             </div>
           </div>
         </div>
@@ -214,12 +215,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../js/auto-complete.js?1694553674" defer></script>
-        <script src="../../../../../../js/lunr/lunr.min.js?1694553674" defer></script>
-        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1694553674" defer></script>
-        <script src="../../../../../../js/lunr/lunr.multi.min.js?1694553674" defer></script>
-        <script src="../../../../../../js/lunr/lunr.en.min.js?1694553674" defer></script>
-        <script src="../../../../../../js/search.js?1694553674" defer></script>
+        <script src="../../../../../../js/auto-complete.js?1694640598" defer></script>
+        <script src="../../../../../../js/lunr/lunr.min.js?1694640598" defer></script>
+        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1694640598" defer></script>
+        <script src="../../../../../../js/lunr/lunr.multi.min.js?1694640598" defer></script>
+        <script src="../../../../../../js/lunr/lunr.en.min.js?1694640598" defer></script>
+        <script src="../../../../../../js/search.js?1694640598" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -352,8 +353,12 @@
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -361,27 +366,25 @@
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../../../js/github-buttons.js?1694553674"></script>
+          <script async src="../../../../../../js/github-buttons.js?1694640598"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../js/clipboard.min.js?1694553674" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1694553674" defer></script>
-    <script src="../../../../../../js/theme.js?1694553674" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1694640598" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1694640598" defer></script>
+    <script src="../../../../../../js/theme.js?1694640598" 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 c4953a6aaa..5fe2791bb4 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../../../../../../css/format-print.css?1694553675" rel="stylesheet">
-    <link href="../../../../../../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1694553675"></script>
-    <script src="../../../../../../js/variant.js?1694553675"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../../../../../../css/format-print.css?1694640598" rel="stylesheet">
+    <link href="../../../../../../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1694640598"></script>
+    <script src="../../../../../../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -52,19 +52,18 @@
   </head>
   <body class="mobile-support print disableInlineCopyToClipboard" data-url="../../../../../../shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../shortcodes/index.html"><span itemprop="name">Shortcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../shortcodes/children/index.html"><span itemprop="name">Children</span></a><meta itemprop="position" content="3">&nbsp;>&nbsp;</li>
@@ -72,7 +71,8 @@
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../shortcodes/children/children-1/children-1-1/index.html"><span itemprop="name">page 1-1</span></a><meta itemprop="position" content="5">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../shortcodes/children/children-1/children-1-1/children-1-1-1/index.html"><span itemprop="name">page 1-1-1 (hidden)</span></a><meta itemprop="position" content="6">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">page 1-1-1-1</span><meta itemprop="position" content="7"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
           </div>
         </div>
       </nav>
@@ -106,8 +106,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../js/clipboard.min.js?1694553675" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1694553675" defer></script>
-    <script src="../../../../../../js/theme.js?1694553675" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1694640598" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1694640598" defer></script>
+    <script src="../../../../../../js/theme.js?1694640598" 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 6cbebe7c18..3c2ab1202f 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../../../../css/nucleus.css?1694553673" rel="stylesheet">
-    <link href="../../../../../css/auto-complete.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1694553673" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1694553673" rel="stylesheet">
-    <link href="../../../../../css/theme-auto.css?1694553673" rel="stylesheet" id="variant-style">
-    <link href="../../../../../css/variant.css?1694553673" rel="stylesheet">
-    <link href="../../../../../css/print.css?1694553673" rel="stylesheet" media="print">
-    <link href="../../../../../css/ie.css?1694553673" rel="stylesheet">
-    <script src="../../../../../js/url.js?1694553673"></script>
-    <script src="../../../../../js/variant.js?1694553673"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../../../../css/nucleus.css?1694640597" rel="stylesheet">
+    <link href="../../../../../css/auto-complete.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1694640597" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1694640597" rel="stylesheet">
+    <link href="../../../../../css/theme-auto.css?1694640597" rel="stylesheet" id="variant-style">
+    <link href="../../../../../css/variant.css?1694640597" rel="stylesheet">
+    <link href="../../../../../css/print.css?1694640597" rel="stylesheet" media="print">
+    <link href="../../../../../css/ie.css?1694640597" rel="stylesheet">
+    <script src="../../../../../js/url.js?1694640597"></script>
+    <script src="../../../../../js/variant.js?1694640597"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -51,19 +51,44 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../../../../shortcodes/children/children-1/children-1-1/children-1-1-1/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <a href="../../../../../shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html" title="page 1-1-1-1 (🡒)">
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </a>
+          <div class="topbar-sidebar-divider"></div>
+          <div class="topbar-left">
+            <div class="topbar-button topbar-sidebar">
+              <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
+                <i class="fa-fw fas fa-bars"></i>
+              </button>
             </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../../../../shortcodes/children/children-1/children-1-1/index.html" title="page 1-1 (🡐)">
-                <i class="fa-fw fas fa-chevron-left"></i>
+            <div id="sidebar-overlay"></div>
+            <div class="topbar-button topbar-toc">
+              <button onclick="showToc()" type="button" title="Table of Contents (CTRL&#43;ALT&#43;t)">
+                <i class="fa-fw fas fa-list-alt"></i>
+              </button>
+            </div>
+            <div class="default-animation progress">
+              <div class="toc-wrapper">
+<nav id="TableOfContents">
+  <ul>
+    <li><a href="#subpages-of-this-page">Subpages of this page</a></li>
+  </ul>
+</nav>
+              </div>
+            </div>
+            <div id="toc-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../shortcodes/index.html"><span itemprop="name">Shortcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../shortcodes/children/index.html"><span itemprop="name">Children</span></a><meta itemprop="position" content="3">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../shortcodes/children/children-1/index.html"><span itemprop="name">page 1</span></a><meta itemprop="position" content="4">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../shortcodes/children/children-1/children-1-1/index.html"><span itemprop="name">page 1-1</span></a><meta itemprop="position" content="5">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">page 1-1-1 (hidden)</span><meta itemprop="position" content="6"></li>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-edit">
+              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-1/children-1-1/children-1-1-1/_index.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+                <i class="fa-fw fas fa-pen"></i>
               </a>
             </div>
             <div class="topbar-button topbar-print">
@@ -71,39 +96,15 @@
                 <i class="fa-fw fas fa-print"></i>
               </a>
             </div>
-            <div class="topbar-button topbar-edit">
-              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-1/children-1-1/children-1-1-1/_index.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
-                <i class="fa-fw fas fa-pen"></i>
+            <div class="topbar-button topbar-prev">
+              <a href="../../../../../shortcodes/children/children-1/children-1-1/index.html" title="page 1-1 (🡐)">
+                <i class="fa-fw fas fa-chevron-left"></i>
               </a>
             </div>
-          </div>
-          <div class="topbar-left">
-            <div class="topbar-button topbar-sidebar">
-              <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
-                <i class="fa-fw fas fa-bars"></i>
-              </button>
-            </div>
-            <div class="topbar-button topbar-toc">
-              <button onclick="showToc()" type="button" title="Table of Contents (CTRL&#43;ALT&#43;t)">
-                <i class="fa-fw fas fa-list-alt"></i>
-              </button>
-            </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../shortcodes/index.html"><span itemprop="name">Shortcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../shortcodes/children/index.html"><span itemprop="name">Children</span></a><meta itemprop="position" content="3">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../shortcodes/children/children-1/index.html"><span itemprop="name">page 1</span></a><meta itemprop="position" content="4">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../shortcodes/children/children-1/children-1-1/index.html"><span itemprop="name">page 1-1</span></a><meta itemprop="position" content="5">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">page 1-1-1 (hidden)</span><meta itemprop="position" content="6"></li>
-            </ol>
-          </div>
-          <div class="default-animation progress">
-            <div class="toc-wrapper">
-<nav id="TableOfContents">
-  <ul>
-    <li><a href="#subpages-of-this-page">Subpages of this page</a></li>
-  </ul>
-</nav>
+            <div class="topbar-button topbar-next">
+              <a href="../../../../../shortcodes/children/children-1/children-1-1/children-1-1-1/children-1-1-1-1/index.html" title="page 1-1-1-1 (🡒)">
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </a>
             </div>
           </div>
         </div>
@@ -213,12 +214,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../js/auto-complete.js?1694553674" defer></script>
-        <script src="../../../../../js/lunr/lunr.min.js?1694553674" defer></script>
-        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1694553674" defer></script>
-        <script src="../../../../../js/lunr/lunr.multi.min.js?1694553674" defer></script>
-        <script src="../../../../../js/lunr/lunr.en.min.js?1694553674" defer></script>
-        <script src="../../../../../js/search.js?1694553674" defer></script>
+        <script src="../../../../../js/auto-complete.js?1694640598" defer></script>
+        <script src="../../../../../js/lunr/lunr.min.js?1694640598" defer></script>
+        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1694640598" defer></script>
+        <script src="../../../../../js/lunr/lunr.multi.min.js?1694640598" defer></script>
+        <script src="../../../../../js/lunr/lunr.en.min.js?1694640598" defer></script>
+        <script src="../../../../../js/search.js?1694640598" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -351,8 +352,12 @@
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -360,27 +365,25 @@
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../../js/github-buttons.js?1694553674"></script>
+          <script async src="../../../../../js/github-buttons.js?1694640598"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../js/clipboard.min.js?1694553674" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1694553674" defer></script>
-    <script src="../../../../../js/theme.js?1694553674" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1694640598" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1694640598" defer></script>
+    <script src="../../../../../js/theme.js?1694640598" 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 f31e42eaa6..4c6c433d17 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../../../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../../../../../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../../../../../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../../../../../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../../../../../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../../../../../css/format-print.css?1694553675" rel="stylesheet">
-    <link href="../../../../../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../../../../../js/url.js?1694553675"></script>
-    <script src="../../../../../js/variant.js?1694553675"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../../../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../../../../../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../../../../../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../../../../../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../../../../../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../../../../../css/format-print.css?1694640598" rel="stylesheet">
+    <link href="../../../../../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../../../../../js/url.js?1694640598"></script>
+    <script src="../../../../../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -52,26 +52,26 @@
   </head>
   <body class="mobile-support print disableInlineCopyToClipboard" data-url="../../../../../shortcodes/children/children-1/children-1-1/children-1-1-1/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../shortcodes/index.html"><span itemprop="name">Shortcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../shortcodes/children/index.html"><span itemprop="name">Children</span></a><meta itemprop="position" content="3">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../shortcodes/children/children-1/index.html"><span itemprop="name">page 1</span></a><meta itemprop="position" content="4">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../shortcodes/children/children-1/children-1-1/index.html"><span itemprop="name">page 1-1</span></a><meta itemprop="position" content="5">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">page 1-1-1 (hidden)</span><meta itemprop="position" content="6"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
           </div>
         </div>
       </nav>
@@ -130,8 +130,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../js/clipboard.min.js?1694553675" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1694553675" defer></script>
-    <script src="../../../../../js/theme.js?1694553675" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1694640598" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1694640598" defer></script>
+    <script src="../../../../../js/theme.js?1694640598" 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 12587107c5..e5e5e0b075 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1694553673" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1694553673" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1694553673" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1694553673" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../css/variant.css?1694553673" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1694553673" rel="stylesheet" media="print">
-    <link href="../../../../../../css/ie.css?1694553673" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1694553673"></script>
-    <script src="../../../../../../js/variant.js?1694553673"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1694640597" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1694640597" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1694640597" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1694640597" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../css/variant.css?1694640597" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1694640597" rel="stylesheet" media="print">
+    <link href="../../../../../../css/ie.css?1694640597" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1694640597"></script>
+    <script src="../../../../../../js/variant.js?1694640597"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -52,39 +52,18 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../../../../../shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <a href="../../../../../../shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.html" title="page 1-1-2-2 (🡒)">
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../../../../../shortcodes/children/children-1/children-1-1/children-1-1-2/index.html" title="page 1-1-2 (🡐)">
-                <i class="fa-fw fas fa-chevron-left"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-print">
-              <a href="../../../../../../shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
-                <i class="fa-fw fas fa-print"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-edit">
-              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/_index.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
-                <i class="fa-fw fas fa-pen"></i>
-              </a>
-            </div>
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../shortcodes/index.html"><span itemprop="name">Shortcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../shortcodes/children/index.html"><span itemprop="name">Children</span></a><meta itemprop="position" content="3">&nbsp;>&nbsp;</li>
@@ -92,7 +71,28 @@
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../shortcodes/children/children-1/children-1-1/index.html"><span itemprop="name">page 1-1</span></a><meta itemprop="position" content="5">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../shortcodes/children/children-1/children-1-1/children-1-1-2/index.html"><span itemprop="name">page 1-1-2</span></a><meta itemprop="position" content="6">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">page 1-1-2-1</span><meta itemprop="position" content="7"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-edit">
+              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/_index.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+                <i class="fa-fw fas fa-pen"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-print">
+              <a href="../../../../../../shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
+                <i class="fa-fw fas fa-print"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-prev">
+              <a href="../../../../../../shortcodes/children/children-1/children-1-1/children-1-1-2/index.html" title="page 1-1-2 (🡐)">
+                <i class="fa-fw fas fa-chevron-left"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-next">
+              <a href="../../../../../../shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.html" title="page 1-1-2-2 (🡒)">
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </a>
+            </div>
           </div>
         </div>
       </nav>
@@ -195,12 +195,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../js/auto-complete.js?1694553674" defer></script>
-        <script src="../../../../../../js/lunr/lunr.min.js?1694553674" defer></script>
-        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1694553674" defer></script>
-        <script src="../../../../../../js/lunr/lunr.multi.min.js?1694553674" defer></script>
-        <script src="../../../../../../js/lunr/lunr.en.min.js?1694553674" defer></script>
-        <script src="../../../../../../js/search.js?1694553674" defer></script>
+        <script src="../../../../../../js/auto-complete.js?1694640598" defer></script>
+        <script src="../../../../../../js/lunr/lunr.min.js?1694640598" defer></script>
+        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1694640598" defer></script>
+        <script src="../../../../../../js/lunr/lunr.multi.min.js?1694640598" defer></script>
+        <script src="../../../../../../js/lunr/lunr.en.min.js?1694640598" defer></script>
+        <script src="../../../../../../js/search.js?1694640598" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -331,8 +331,12 @@
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -340,27 +344,25 @@
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../../../js/github-buttons.js?1694553674"></script>
+          <script async src="../../../../../../js/github-buttons.js?1694640598"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../js/clipboard.min.js?1694553674" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1694553674" defer></script>
-    <script src="../../../../../../js/theme.js?1694553674" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1694640598" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1694640598" defer></script>
+    <script src="../../../../../../js/theme.js?1694640598" 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 65ae2104d7..f47502e219 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../../../../../../css/format-print.css?1694553675" rel="stylesheet">
-    <link href="../../../../../../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1694553675"></script>
-    <script src="../../../../../../js/variant.js?1694553675"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../../../../../../css/format-print.css?1694640598" rel="stylesheet">
+    <link href="../../../../../../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1694640598"></script>
+    <script src="../../../../../../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -53,19 +53,18 @@
   </head>
   <body class="mobile-support print disableInlineCopyToClipboard" data-url="../../../../../../shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../shortcodes/index.html"><span itemprop="name">Shortcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../shortcodes/children/index.html"><span itemprop="name">Children</span></a><meta itemprop="position" content="3">&nbsp;>&nbsp;</li>
@@ -73,7 +72,8 @@
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../shortcodes/children/children-1/children-1-1/index.html"><span itemprop="name">page 1-1</span></a><meta itemprop="position" content="5">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../shortcodes/children/children-1/children-1-1/children-1-1-2/index.html"><span itemprop="name">page 1-1-2</span></a><meta itemprop="position" content="6">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">page 1-1-2-1</span><meta itemprop="position" content="7"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
           </div>
         </div>
       </nav>
@@ -98,8 +98,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../js/clipboard.min.js?1694553675" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1694553675" defer></script>
-    <script src="../../../../../../js/theme.js?1694553675" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1694640598" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1694640598" defer></script>
+    <script src="../../../../../../js/theme.js?1694640598" 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 fd0dbaa62f..8761a4ad24 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1694553673" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1694553673" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1694553673" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1694553673" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../css/variant.css?1694553673" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1694553673" rel="stylesheet" media="print">
-    <link href="../../../../../../css/ie.css?1694553673" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1694553673"></script>
-    <script src="../../../../../../js/variant.js?1694553673"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1694640597" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1694640597" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1694640597" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1694640597" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../css/variant.css?1694640597" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1694640597" rel="stylesheet" media="print">
+    <link href="../../../../../../css/ie.css?1694640597" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1694640597"></script>
+    <script src="../../../../../../js/variant.js?1694640597"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -52,39 +52,18 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../../../../../shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <a href="../../../../../../shortcodes/children/children-1/children-1-1/children-1-1-3/index.html" title="page 1-1-3 (🡒)">
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../../../../../shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.html" title="page 1-1-2-1 (🡐)">
-                <i class="fa-fw fas fa-chevron-left"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-print">
-              <a href="../../../../../../shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
-                <i class="fa-fw fas fa-print"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-edit">
-              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/_index.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
-                <i class="fa-fw fas fa-pen"></i>
-              </a>
-            </div>
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../shortcodes/index.html"><span itemprop="name">Shortcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../shortcodes/children/index.html"><span itemprop="name">Children</span></a><meta itemprop="position" content="3">&nbsp;>&nbsp;</li>
@@ -92,7 +71,28 @@
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../shortcodes/children/children-1/children-1-1/index.html"><span itemprop="name">page 1-1</span></a><meta itemprop="position" content="5">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../shortcodes/children/children-1/children-1-1/children-1-1-2/index.html"><span itemprop="name">page 1-1-2</span></a><meta itemprop="position" content="6">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">page 1-1-2-2</span><meta itemprop="position" content="7"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-edit">
+              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/_index.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+                <i class="fa-fw fas fa-pen"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-print">
+              <a href="../../../../../../shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
+                <i class="fa-fw fas fa-print"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-prev">
+              <a href="../../../../../../shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.html" title="page 1-1-2-1 (🡐)">
+                <i class="fa-fw fas fa-chevron-left"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-next">
+              <a href="../../../../../../shortcodes/children/children-1/children-1-1/children-1-1-3/index.html" title="page 1-1-3 (🡒)">
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </a>
+            </div>
           </div>
         </div>
       </nav>
@@ -195,12 +195,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../js/auto-complete.js?1694553674" defer></script>
-        <script src="../../../../../../js/lunr/lunr.min.js?1694553674" defer></script>
-        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1694553674" defer></script>
-        <script src="../../../../../../js/lunr/lunr.multi.min.js?1694553674" defer></script>
-        <script src="../../../../../../js/lunr/lunr.en.min.js?1694553674" defer></script>
-        <script src="../../../../../../js/search.js?1694553674" defer></script>
+        <script src="../../../../../../js/auto-complete.js?1694640598" defer></script>
+        <script src="../../../../../../js/lunr/lunr.min.js?1694640598" defer></script>
+        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1694640598" defer></script>
+        <script src="../../../../../../js/lunr/lunr.multi.min.js?1694640598" defer></script>
+        <script src="../../../../../../js/lunr/lunr.en.min.js?1694640598" defer></script>
+        <script src="../../../../../../js/search.js?1694640598" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -331,8 +331,12 @@
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -340,27 +344,25 @@
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../../../js/github-buttons.js?1694553674"></script>
+          <script async src="../../../../../../js/github-buttons.js?1694640598"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../js/clipboard.min.js?1694553674" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1694553674" defer></script>
-    <script src="../../../../../../js/theme.js?1694553674" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1694640598" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1694640598" defer></script>
+    <script src="../../../../../../js/theme.js?1694640598" 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 0cd28caeac..6bbdb743b3 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../../../../../../css/format-print.css?1694553675" rel="stylesheet">
-    <link href="../../../../../../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1694553675"></script>
-    <script src="../../../../../../js/variant.js?1694553675"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../../../../../../css/format-print.css?1694640598" rel="stylesheet">
+    <link href="../../../../../../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1694640598"></script>
+    <script src="../../../../../../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -53,19 +53,18 @@
   </head>
   <body class="mobile-support print disableInlineCopyToClipboard" data-url="../../../../../../shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../shortcodes/index.html"><span itemprop="name">Shortcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../shortcodes/children/index.html"><span itemprop="name">Children</span></a><meta itemprop="position" content="3">&nbsp;>&nbsp;</li>
@@ -73,7 +72,8 @@
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../shortcodes/children/children-1/children-1-1/index.html"><span itemprop="name">page 1-1</span></a><meta itemprop="position" content="5">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../../shortcodes/children/children-1/children-1-1/children-1-1-2/index.html"><span itemprop="name">page 1-1-2</span></a><meta itemprop="position" content="6">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">page 1-1-2-2</span><meta itemprop="position" content="7"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
           </div>
         </div>
       </nav>
@@ -98,8 +98,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../js/clipboard.min.js?1694553675" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1694553675" defer></script>
-    <script src="../../../../../../js/theme.js?1694553675" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1694640598" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1694640598" defer></script>
+    <script src="../../../../../../js/theme.js?1694640598" 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 a10791b494..ab90ef8061 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../../../../css/nucleus.css?1694553673" rel="stylesheet">
-    <link href="../../../../../css/auto-complete.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1694553673" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1694553673" rel="stylesheet">
-    <link href="../../../../../css/theme-auto.css?1694553673" rel="stylesheet" id="variant-style">
-    <link href="../../../../../css/variant.css?1694553673" rel="stylesheet">
-    <link href="../../../../../css/print.css?1694553673" rel="stylesheet" media="print">
-    <link href="../../../../../css/ie.css?1694553673" rel="stylesheet">
-    <script src="../../../../../js/url.js?1694553673"></script>
-    <script src="../../../../../js/variant.js?1694553673"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../../../../css/nucleus.css?1694640597" rel="stylesheet">
+    <link href="../../../../../css/auto-complete.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1694640597" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1694640597" rel="stylesheet">
+    <link href="../../../../../css/theme-auto.css?1694640597" rel="stylesheet" id="variant-style">
+    <link href="../../../../../css/variant.css?1694640597" rel="stylesheet">
+    <link href="../../../../../css/print.css?1694640597" rel="stylesheet" media="print">
+    <link href="../../../../../css/ie.css?1694640597" rel="stylesheet">
+    <script src="../../../../../js/url.js?1694640597"></script>
+    <script src="../../../../../js/variant.js?1694640597"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -52,19 +52,44 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../../../../shortcodes/children/children-1/children-1-1/children-1-1-2/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <a href="../../../../../shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.html" title="page 1-1-2-1 (🡒)">
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </a>
+          <div class="topbar-sidebar-divider"></div>
+          <div class="topbar-left">
+            <div class="topbar-button topbar-sidebar">
+              <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
+                <i class="fa-fw fas fa-bars"></i>
+              </button>
             </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../../../../shortcodes/children/children-1/children-1-1/index.html" title="page 1-1 (🡐)">
-                <i class="fa-fw fas fa-chevron-left"></i>
+            <div id="sidebar-overlay"></div>
+            <div class="topbar-button topbar-toc">
+              <button onclick="showToc()" type="button" title="Table of Contents (CTRL&#43;ALT&#43;t)">
+                <i class="fa-fw fas fa-list-alt"></i>
+              </button>
+            </div>
+            <div class="default-animation progress">
+              <div class="toc-wrapper">
+<nav id="TableOfContents">
+  <ul>
+    <li><a href="#subpages-of-this-page">Subpages of this page</a></li>
+  </ul>
+</nav>
+              </div>
+            </div>
+            <div id="toc-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../shortcodes/index.html"><span itemprop="name">Shortcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../shortcodes/children/index.html"><span itemprop="name">Children</span></a><meta itemprop="position" content="3">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../shortcodes/children/children-1/index.html"><span itemprop="name">page 1</span></a><meta itemprop="position" content="4">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../shortcodes/children/children-1/children-1-1/index.html"><span itemprop="name">page 1-1</span></a><meta itemprop="position" content="5">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">page 1-1-2</span><meta itemprop="position" content="6"></li>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-edit">
+              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-1/children-1-1/children-1-1-2/_index.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+                <i class="fa-fw fas fa-pen"></i>
               </a>
             </div>
             <div class="topbar-button topbar-print">
@@ -72,39 +97,15 @@
                 <i class="fa-fw fas fa-print"></i>
               </a>
             </div>
-            <div class="topbar-button topbar-edit">
-              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-1/children-1-1/children-1-1-2/_index.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
-                <i class="fa-fw fas fa-pen"></i>
+            <div class="topbar-button topbar-prev">
+              <a href="../../../../../shortcodes/children/children-1/children-1-1/index.html" title="page 1-1 (🡐)">
+                <i class="fa-fw fas fa-chevron-left"></i>
               </a>
             </div>
-          </div>
-          <div class="topbar-left">
-            <div class="topbar-button topbar-sidebar">
-              <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
-                <i class="fa-fw fas fa-bars"></i>
-              </button>
-            </div>
-            <div class="topbar-button topbar-toc">
-              <button onclick="showToc()" type="button" title="Table of Contents (CTRL&#43;ALT&#43;t)">
-                <i class="fa-fw fas fa-list-alt"></i>
-              </button>
-            </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../shortcodes/index.html"><span itemprop="name">Shortcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../shortcodes/children/index.html"><span itemprop="name">Children</span></a><meta itemprop="position" content="3">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../shortcodes/children/children-1/index.html"><span itemprop="name">page 1</span></a><meta itemprop="position" content="4">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../shortcodes/children/children-1/children-1-1/index.html"><span itemprop="name">page 1-1</span></a><meta itemprop="position" content="5">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">page 1-1-2</span><meta itemprop="position" content="6"></li>
-            </ol>
-          </div>
-          <div class="default-animation progress">
-            <div class="toc-wrapper">
-<nav id="TableOfContents">
-  <ul>
-    <li><a href="#subpages-of-this-page">Subpages of this page</a></li>
-  </ul>
-</nav>
+            <div class="topbar-button topbar-next">
+              <a href="../../../../../shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-1/index.html" title="page 1-1-2-1 (🡒)">
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </a>
             </div>
           </div>
         </div>
@@ -215,12 +216,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../js/auto-complete.js?1694553674" defer></script>
-        <script src="../../../../../js/lunr/lunr.min.js?1694553674" defer></script>
-        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1694553674" defer></script>
-        <script src="../../../../../js/lunr/lunr.multi.min.js?1694553674" defer></script>
-        <script src="../../../../../js/lunr/lunr.en.min.js?1694553674" defer></script>
-        <script src="../../../../../js/search.js?1694553674" defer></script>
+        <script src="../../../../../js/auto-complete.js?1694640598" defer></script>
+        <script src="../../../../../js/lunr/lunr.min.js?1694640598" defer></script>
+        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1694640598" defer></script>
+        <script src="../../../../../js/lunr/lunr.multi.min.js?1694640598" defer></script>
+        <script src="../../../../../js/lunr/lunr.en.min.js?1694640598" defer></script>
+        <script src="../../../../../js/search.js?1694640598" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -351,8 +352,12 @@
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -360,27 +365,25 @@
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../../js/github-buttons.js?1694553674"></script>
+          <script async src="../../../../../js/github-buttons.js?1694640598"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../js/clipboard.min.js?1694553674" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1694553674" defer></script>
-    <script src="../../../../../js/theme.js?1694553674" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1694640598" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1694640598" defer></script>
+    <script src="../../../../../js/theme.js?1694640598" 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 8c50f40123..7af9a44a9c 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../../../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../../../../../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../../../../../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../../../../../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../../../../../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../../../../../css/format-print.css?1694553675" rel="stylesheet">
-    <link href="../../../../../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../../../../../js/url.js?1694553675"></script>
-    <script src="../../../../../js/variant.js?1694553675"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../../../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../../../../../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../../../../../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../../../../../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../../../../../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../../../../../css/format-print.css?1694640598" rel="stylesheet">
+    <link href="../../../../../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../../../../../js/url.js?1694640598"></script>
+    <script src="../../../../../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -53,26 +53,26 @@
   </head>
   <body class="mobile-support print disableInlineCopyToClipboard" data-url="../../../../../shortcodes/children/children-1/children-1-1/children-1-1-2/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../shortcodes/index.html"><span itemprop="name">Shortcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../shortcodes/children/index.html"><span itemprop="name">Children</span></a><meta itemprop="position" content="3">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../shortcodes/children/children-1/index.html"><span itemprop="name">page 1</span></a><meta itemprop="position" content="4">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../shortcodes/children/children-1/children-1-1/index.html"><span itemprop="name">page 1-1</span></a><meta itemprop="position" content="5">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">page 1-1-2</span><meta itemprop="position" content="6"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
           </div>
         </div>
       </nav>
@@ -139,8 +139,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../js/clipboard.min.js?1694553675" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1694553675" defer></script>
-    <script src="../../../../../js/theme.js?1694553675" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1694640598" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1694640598" defer></script>
+    <script src="../../../../../js/theme.js?1694640598" 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 5a89bd74db..69c780aec9 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../../../../css/nucleus.css?1694553673" rel="stylesheet">
-    <link href="../../../../../css/auto-complete.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1694553673" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1694553673" rel="stylesheet">
-    <link href="../../../../../css/theme-auto.css?1694553673" rel="stylesheet" id="variant-style">
-    <link href="../../../../../css/variant.css?1694553673" rel="stylesheet">
-    <link href="../../../../../css/print.css?1694553673" rel="stylesheet" media="print">
-    <link href="../../../../../css/ie.css?1694553673" rel="stylesheet">
-    <script src="../../../../../js/url.js?1694553673"></script>
-    <script src="../../../../../js/variant.js?1694553673"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../../../../css/nucleus.css?1694640597" rel="stylesheet">
+    <link href="../../../../../css/auto-complete.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1694640597" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1694640597" rel="stylesheet">
+    <link href="../../../../../css/theme-auto.css?1694640597" rel="stylesheet" id="variant-style">
+    <link href="../../../../../css/variant.css?1694640597" rel="stylesheet">
+    <link href="../../../../../css/print.css?1694640597" rel="stylesheet" media="print">
+    <link href="../../../../../css/ie.css?1694640597" rel="stylesheet">
+    <script src="../../../../../js/url.js?1694640597"></script>
+    <script src="../../../../../js/variant.js?1694640597"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -52,19 +52,29 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../../../../shortcodes/children/children-1/children-1-1/children-1-1-3/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <a href="../../../../../shortcodes/children/children-2/index.html" title="page 2 (🡒)">
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </a>
+          <div class="topbar-sidebar-divider"></div>
+          <div class="topbar-left">
+            <div class="topbar-button topbar-sidebar">
+              <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
+                <i class="fa-fw fas fa-bars"></i>
+              </button>
             </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../../../../shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.html" title="page 1-1-2-2 (🡐)">
-                <i class="fa-fw fas fa-chevron-left"></i>
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../shortcodes/index.html"><span itemprop="name">Shortcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../shortcodes/children/index.html"><span itemprop="name">Children</span></a><meta itemprop="position" content="3">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../shortcodes/children/children-1/index.html"><span itemprop="name">page 1</span></a><meta itemprop="position" content="4">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../shortcodes/children/children-1/children-1-1/index.html"><span itemprop="name">page 1-1</span></a><meta itemprop="position" content="5">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">page 1-1-3</span><meta itemprop="position" content="6"></li>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-edit">
+              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-1/children-1-1/children-1-1-3/_index.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+                <i class="fa-fw fas fa-pen"></i>
               </a>
             </div>
             <div class="topbar-button topbar-print">
@@ -72,26 +82,16 @@
                 <i class="fa-fw fas fa-print"></i>
               </a>
             </div>
-            <div class="topbar-button topbar-edit">
-              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-1/children-1-1/children-1-1-3/_index.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
-                <i class="fa-fw fas fa-pen"></i>
+            <div class="topbar-button topbar-prev">
+              <a href="../../../../../shortcodes/children/children-1/children-1-1/children-1-1-2/children-1-1-2-2/index.html" title="page 1-1-2-2 (🡐)">
+                <i class="fa-fw fas fa-chevron-left"></i>
               </a>
             </div>
-          </div>
-          <div class="topbar-left">
-            <div class="topbar-button topbar-sidebar">
-              <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
-                <i class="fa-fw fas fa-bars"></i>
-              </button>
+            <div class="topbar-button topbar-next">
+              <a href="../../../../../shortcodes/children/children-2/index.html" title="page 2 (🡒)">
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </a>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../shortcodes/index.html"><span itemprop="name">Shortcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../shortcodes/children/index.html"><span itemprop="name">Children</span></a><meta itemprop="position" content="3">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../shortcodes/children/children-1/index.html"><span itemprop="name">page 1</span></a><meta itemprop="position" content="4">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../shortcodes/children/children-1/children-1-1/index.html"><span itemprop="name">page 1-1</span></a><meta itemprop="position" content="5">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">page 1-1-3</span><meta itemprop="position" content="6"></li>
-            </ol>
           </div>
         </div>
       </nav>
@@ -194,12 +194,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../js/auto-complete.js?1694553674" defer></script>
-        <script src="../../../../../js/lunr/lunr.min.js?1694553674" defer></script>
-        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1694553674" defer></script>
-        <script src="../../../../../js/lunr/lunr.multi.min.js?1694553674" defer></script>
-        <script src="../../../../../js/lunr/lunr.en.min.js?1694553674" defer></script>
-        <script src="../../../../../js/search.js?1694553674" defer></script>
+        <script src="../../../../../js/auto-complete.js?1694640598" defer></script>
+        <script src="../../../../../js/lunr/lunr.min.js?1694640598" defer></script>
+        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1694640598" defer></script>
+        <script src="../../../../../js/lunr/lunr.multi.min.js?1694640598" defer></script>
+        <script src="../../../../../js/lunr/lunr.en.min.js?1694640598" defer></script>
+        <script src="../../../../../js/search.js?1694640598" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -330,8 +330,12 @@
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -339,27 +343,25 @@
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../../js/github-buttons.js?1694553674"></script>
+          <script async src="../../../../../js/github-buttons.js?1694640598"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../../js/clipboard.min.js?1694553674" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1694553674" defer></script>
-    <script src="../../../../../js/theme.js?1694553674" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1694640598" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1694640598" defer></script>
+    <script src="../../../../../js/theme.js?1694640598" 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 5114e0c269..857bf82b2b 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../../../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../../../../../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../../../../../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../../../../../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../../../../../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../../../../../css/format-print.css?1694553675" rel="stylesheet">
-    <link href="../../../../../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../../../../../js/url.js?1694553675"></script>
-    <script src="../../../../../js/variant.js?1694553675"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../../../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../../../../../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../../../../../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../../../../../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../../../../../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../../../../../css/format-print.css?1694640598" rel="stylesheet">
+    <link href="../../../../../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../../../../../js/url.js?1694640598"></script>
+    <script src="../../../../../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -53,26 +53,26 @@
   </head>
   <body class="mobile-support print disableInlineCopyToClipboard" data-url="../../../../../shortcodes/children/children-1/children-1-1/children-1-1-3/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../shortcodes/index.html"><span itemprop="name">Shortcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../shortcodes/children/index.html"><span itemprop="name">Children</span></a><meta itemprop="position" content="3">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../shortcodes/children/children-1/index.html"><span itemprop="name">page 1</span></a><meta itemprop="position" content="4">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../../shortcodes/children/children-1/children-1-1/index.html"><span itemprop="name">page 1-1</span></a><meta itemprop="position" content="5">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">page 1-1-3</span><meta itemprop="position" content="6"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
           </div>
         </div>
       </nav>
@@ -97,8 +97,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../js/clipboard.min.js?1694553675" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1694553675" defer></script>
-    <script src="../../../../../js/theme.js?1694553675" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1694640598" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1694640598" defer></script>
+    <script src="../../../../../js/theme.js?1694640598" 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 10ed4ba423..7e48ba840d 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1694553673" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1694553673" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1694553673" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1694553673" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1694553673" rel="stylesheet">
-    <link href="../../../../css/print.css?1694553673" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1694553673" rel="stylesheet">
-    <script src="../../../../js/url.js?1694553673"></script>
-    <script src="../../../../js/variant.js?1694553673"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1694640597" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1694640597" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1694640597" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1694640597" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1694640597" rel="stylesheet">
+    <link href="../../../../css/print.css?1694640597" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1694640597" rel="stylesheet">
+    <script src="../../../../js/url.js?1694640597"></script>
+    <script src="../../../../js/variant.js?1694640597"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -52,19 +52,43 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../../../shortcodes/children/children-1/children-1-1/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <a href="../../../../shortcodes/children/children-1/children-1-1/children-1-1-2/index.html" title="page 1-1-2 (🡒)">
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </a>
+          <div class="topbar-sidebar-divider"></div>
+          <div class="topbar-left">
+            <div class="topbar-button topbar-sidebar">
+              <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
+                <i class="fa-fw fas fa-bars"></i>
+              </button>
             </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../../../shortcodes/children/children-1/index.html" title="page 1 (🡐)">
-                <i class="fa-fw fas fa-chevron-left"></i>
+            <div id="sidebar-overlay"></div>
+            <div class="topbar-button topbar-toc">
+              <button onclick="showToc()" type="button" title="Table of Contents (CTRL&#43;ALT&#43;t)">
+                <i class="fa-fw fas fa-list-alt"></i>
+              </button>
+            </div>
+            <div class="default-animation progress">
+              <div class="toc-wrapper">
+<nav id="TableOfContents">
+  <ul>
+    <li><a href="#subpages-of-this-page">Subpages of this page</a></li>
+  </ul>
+</nav>
+              </div>
+            </div>
+            <div id="toc-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../shortcodes/index.html"><span itemprop="name">Shortcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../shortcodes/children/index.html"><span itemprop="name">Children</span></a><meta itemprop="position" content="3">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../shortcodes/children/children-1/index.html"><span itemprop="name">page 1</span></a><meta itemprop="position" content="4">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">page 1-1</span><meta itemprop="position" content="5"></li>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-edit">
+              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-1/children-1-1/_index.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+                <i class="fa-fw fas fa-pen"></i>
               </a>
             </div>
             <div class="topbar-button topbar-print">
@@ -72,38 +96,15 @@
                 <i class="fa-fw fas fa-print"></i>
               </a>
             </div>
-            <div class="topbar-button topbar-edit">
-              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-1/children-1-1/_index.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
-                <i class="fa-fw fas fa-pen"></i>
+            <div class="topbar-button topbar-prev">
+              <a href="../../../../shortcodes/children/children-1/index.html" title="page 1 (🡐)">
+                <i class="fa-fw fas fa-chevron-left"></i>
               </a>
             </div>
-          </div>
-          <div class="topbar-left">
-            <div class="topbar-button topbar-sidebar">
-              <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
-                <i class="fa-fw fas fa-bars"></i>
-              </button>
-            </div>
-            <div class="topbar-button topbar-toc">
-              <button onclick="showToc()" type="button" title="Table of Contents (CTRL&#43;ALT&#43;t)">
-                <i class="fa-fw fas fa-list-alt"></i>
-              </button>
-            </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../shortcodes/index.html"><span itemprop="name">Shortcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../shortcodes/children/index.html"><span itemprop="name">Children</span></a><meta itemprop="position" content="3">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../shortcodes/children/children-1/index.html"><span itemprop="name">page 1</span></a><meta itemprop="position" content="4">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">page 1-1</span><meta itemprop="position" content="5"></li>
-            </ol>
-          </div>
-          <div class="default-animation progress">
-            <div class="toc-wrapper">
-<nav id="TableOfContents">
-  <ul>
-    <li><a href="#subpages-of-this-page">Subpages of this page</a></li>
-  </ul>
-</nav>
+            <div class="topbar-button topbar-next">
+              <a href="../../../../shortcodes/children/children-1/children-1-1/children-1-1-2/index.html" title="page 1-1-2 (🡒)">
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </a>
             </div>
           </div>
         </div>
@@ -215,12 +216,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1694553674" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1694553674" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1694553674" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1694553674" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1694553674" defer></script>
-        <script src="../../../../js/search.js?1694553674" defer></script>
+        <script src="../../../../js/auto-complete.js?1694640598" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1694640598" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1694640598" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1694640598" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1694640598" defer></script>
+        <script src="../../../../js/search.js?1694640598" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -351,8 +352,12 @@
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -360,27 +365,25 @@
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../js/github-buttons.js?1694553674"></script>
+          <script async src="../../../../js/github-buttons.js?1694640598"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1694553674" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1694553674" defer></script>
-    <script src="../../../../js/theme.js?1694553674" defer></script>
+    <script src="../../../../js/clipboard.min.js?1694640598" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1694640598" defer></script>
+    <script src="../../../../js/theme.js?1694640598" 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 359aefc694..04cccc8325 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../../../../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1694553675" rel="stylesheet">
-    <link href="../../../../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../../../../js/url.js?1694553675"></script>
-    <script src="../../../../js/variant.js?1694553675"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../../../../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1694640598" rel="stylesheet">
+    <link href="../../../../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../../../../js/url.js?1694640598"></script>
+    <script src="../../../../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -53,25 +53,25 @@
   </head>
   <body class="mobile-support print disableInlineCopyToClipboard" data-url="../../../../shortcodes/children/children-1/children-1-1/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../shortcodes/index.html"><span itemprop="name">Shortcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../shortcodes/children/index.html"><span itemprop="name">Children</span></a><meta itemprop="position" content="3">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../shortcodes/children/children-1/index.html"><span itemprop="name">page 1</span></a><meta itemprop="position" content="4">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">page 1-1</span><meta itemprop="position" content="5"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
           </div>
         </div>
       </nav>
@@ -181,8 +181,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1694553675" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1694553675" defer></script>
-    <script src="../../../../js/theme.js?1694553675" defer></script>
+    <script src="../../../../js/clipboard.min.js?1694640598" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1694640598" defer></script>
+    <script src="../../../../js/theme.js?1694640598" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-1/index.html b/shortcodes/children/children-1/index.html
index 5eeec64512..f42ead8d0e 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1694553673" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1694553673" rel="stylesheet">
-    <link href="../../../css/fonts.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1694553673" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1694553673" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1694553673" rel="stylesheet">
-    <link href="../../../css/print.css?1694553673" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1694553673" rel="stylesheet">
-    <script src="../../../js/url.js?1694553673"></script>
-    <script src="../../../js/variant.js?1694553673"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694640597" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694640597" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694640597" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694640597" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694640597" rel="stylesheet">
+    <link href="../../../css/print.css?1694640597" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1694640597" rel="stylesheet">
+    <script src="../../../js/url.js?1694640597"></script>
+    <script src="../../../js/variant.js?1694640597"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -52,19 +52,42 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../../shortcodes/children/children-1/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <a href="../../../shortcodes/children/children-1/children-1-1/index.html" title="page 1-1 (🡒)">
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </a>
+          <div class="topbar-sidebar-divider"></div>
+          <div class="topbar-left">
+            <div class="topbar-button topbar-sidebar">
+              <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
+                <i class="fa-fw fas fa-bars"></i>
+              </button>
             </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../../shortcodes/children/test/index.html" title="page X (🡐)">
-                <i class="fa-fw fas fa-chevron-left"></i>
+            <div id="sidebar-overlay"></div>
+            <div class="topbar-button topbar-toc">
+              <button onclick="showToc()" type="button" title="Table of Contents (CTRL&#43;ALT&#43;t)">
+                <i class="fa-fw fas fa-list-alt"></i>
+              </button>
+            </div>
+            <div class="default-animation progress">
+              <div class="toc-wrapper">
+<nav id="TableOfContents">
+  <ul>
+    <li><a href="#subpages-of-this-page">Subpages of this page</a></li>
+  </ul>
+</nav>
+              </div>
+            </div>
+            <div id="toc-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../shortcodes/index.html"><span itemprop="name">Shortcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../shortcodes/children/index.html"><span itemprop="name">Children</span></a><meta itemprop="position" content="3">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">page 1</span><meta itemprop="position" content="4"></li>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-edit">
+              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-1/_index.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+                <i class="fa-fw fas fa-pen"></i>
               </a>
             </div>
             <div class="topbar-button topbar-print">
@@ -72,37 +95,15 @@
                 <i class="fa-fw fas fa-print"></i>
               </a>
             </div>
-            <div class="topbar-button topbar-edit">
-              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-1/_index.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
-                <i class="fa-fw fas fa-pen"></i>
+            <div class="topbar-button topbar-prev">
+              <a href="../../../shortcodes/children/test/index.html" title="page X (🡐)">
+                <i class="fa-fw fas fa-chevron-left"></i>
               </a>
             </div>
-          </div>
-          <div class="topbar-left">
-            <div class="topbar-button topbar-sidebar">
-              <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
-                <i class="fa-fw fas fa-bars"></i>
-              </button>
-            </div>
-            <div class="topbar-button topbar-toc">
-              <button onclick="showToc()" type="button" title="Table of Contents (CTRL&#43;ALT&#43;t)">
-                <i class="fa-fw fas fa-list-alt"></i>
-              </button>
-            </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../shortcodes/index.html"><span itemprop="name">Shortcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../shortcodes/children/index.html"><span itemprop="name">Children</span></a><meta itemprop="position" content="3">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">page 1</span><meta itemprop="position" content="4"></li>
-            </ol>
-          </div>
-          <div class="default-animation progress">
-            <div class="toc-wrapper">
-<nav id="TableOfContents">
-  <ul>
-    <li><a href="#subpages-of-this-page">Subpages of this page</a></li>
-  </ul>
-</nav>
+            <div class="topbar-button topbar-next">
+              <a href="../../../shortcodes/children/children-1/children-1-1/index.html" title="page 1-1 (🡒)">
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </a>
             </div>
           </div>
         </div>
@@ -212,12 +213,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1694553674" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1694553674" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694553674" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1694553674" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1694553674" defer></script>
-        <script src="../../../js/search.js?1694553674" defer></script>
+        <script src="../../../js/auto-complete.js?1694640598" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1694640598" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694640598" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1694640598" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1694640598" defer></script>
+        <script src="../../../js/search.js?1694640598" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -348,8 +349,12 @@
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -357,27 +362,25 @@
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1694553674"></script>
+          <script async src="../../../js/github-buttons.js?1694640598"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1694553674" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1694553674" defer></script>
-    <script src="../../../js/theme.js?1694553674" defer></script>
+    <script src="../../../js/clipboard.min.js?1694640598" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694640598" defer></script>
+    <script src="../../../js/theme.js?1694640598" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-1/index.print.html b/shortcodes/children/children-1/index.print.html
index df57de1f79..23dea2ecd4 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../../../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../../../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1694553675" rel="stylesheet">
-    <link href="../../../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../../../js/url.js?1694553675"></script>
-    <script src="../../../js/variant.js?1694553675"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../../../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1694640598" rel="stylesheet">
+    <link href="../../../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../../../js/url.js?1694640598"></script>
+    <script src="../../../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -53,24 +53,24 @@
   </head>
   <body class="mobile-support print disableInlineCopyToClipboard" data-url="../../../shortcodes/children/children-1/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../shortcodes/index.html"><span itemprop="name">Shortcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../shortcodes/children/index.html"><span itemprop="name">Children</span></a><meta itemprop="position" content="3">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">page 1</span><meta itemprop="position" content="4"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
           </div>
         </div>
       </nav>
@@ -205,8 +205,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1694553675" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1694553675" defer></script>
-    <script src="../../../js/theme.js?1694553675" defer></script>
+    <script src="../../../js/clipboard.min.js?1694640598" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694640598" defer></script>
+    <script src="../../../js/theme.js?1694640598" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-2/index.html b/shortcodes/children/children-2/index.html
index c8ea90bfed..13445b5698 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1694553673" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1694553673" rel="stylesheet">
-    <link href="../../../css/fonts.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1694553673" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1694553673" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1694553673" rel="stylesheet">
-    <link href="../../../css/print.css?1694553673" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1694553673" rel="stylesheet">
-    <script src="../../../js/url.js?1694553673"></script>
-    <script src="../../../js/variant.js?1694553673"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694640597" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694640597" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694640597" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694640597" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694640597" rel="stylesheet">
+    <link href="../../../css/print.css?1694640597" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1694640597" rel="stylesheet">
+    <script src="../../../js/url.js?1694640597"></script>
+    <script src="../../../js/variant.js?1694640597"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -52,19 +52,27 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../../shortcodes/children/children-2/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <a href="../../../shortcodes/children/children-3/index.html" title="page 3 (🡒)">
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </a>
+          <div class="topbar-sidebar-divider"></div>
+          <div class="topbar-left">
+            <div class="topbar-button topbar-sidebar">
+              <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
+                <i class="fa-fw fas fa-bars"></i>
+              </button>
             </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../../shortcodes/children/children-1/children-1-1/children-1-1-3/index.html" title="page 1-1-3 (🡐)">
-                <i class="fa-fw fas fa-chevron-left"></i>
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../shortcodes/index.html"><span itemprop="name">Shortcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../shortcodes/children/index.html"><span itemprop="name">Children</span></a><meta itemprop="position" content="3">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">page 2</span><meta itemprop="position" content="4"></li>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-edit">
+              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-2/_index.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+                <i class="fa-fw fas fa-pen"></i>
               </a>
             </div>
             <div class="topbar-button topbar-print">
@@ -72,24 +80,16 @@
                 <i class="fa-fw fas fa-print"></i>
               </a>
             </div>
-            <div class="topbar-button topbar-edit">
-              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-2/_index.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
-                <i class="fa-fw fas fa-pen"></i>
+            <div class="topbar-button topbar-prev">
+              <a href="../../../shortcodes/children/children-1/children-1-1/children-1-1-3/index.html" title="page 1-1-3 (🡐)">
+                <i class="fa-fw fas fa-chevron-left"></i>
               </a>
             </div>
-          </div>
-          <div class="topbar-left">
-            <div class="topbar-button topbar-sidebar">
-              <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
-                <i class="fa-fw fas fa-bars"></i>
-              </button>
+            <div class="topbar-button topbar-next">
+              <a href="../../../shortcodes/children/children-3/index.html" title="page 3 (🡒)">
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </a>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../shortcodes/index.html"><span itemprop="name">Shortcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../shortcodes/children/index.html"><span itemprop="name">Children</span></a><meta itemprop="position" content="3">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">page 2</span><meta itemprop="position" content="4"></li>
-            </ol>
           </div>
         </div>
       </nav>
@@ -193,12 +193,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1694553674" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1694553674" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694553674" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1694553674" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1694553674" defer></script>
-        <script src="../../../js/search.js?1694553674" defer></script>
+        <script src="../../../js/auto-complete.js?1694640598" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1694640598" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694640598" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1694640598" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1694640598" defer></script>
+        <script src="../../../js/search.js?1694640598" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -329,8 +329,12 @@
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -338,27 +342,25 @@
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1694553674"></script>
+          <script async src="../../../js/github-buttons.js?1694640598"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1694553674" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1694553674" defer></script>
-    <script src="../../../js/theme.js?1694553674" defer></script>
+    <script src="../../../js/clipboard.min.js?1694640598" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694640598" defer></script>
+    <script src="../../../js/theme.js?1694640598" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-2/index.print.html b/shortcodes/children/children-2/index.print.html
index 1242013620..27dbf91c1d 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../../../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../../../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1694553675" rel="stylesheet">
-    <link href="../../../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../../../js/url.js?1694553675"></script>
-    <script src="../../../js/variant.js?1694553675"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../../../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1694640598" rel="stylesheet">
+    <link href="../../../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../../../js/url.js?1694640598"></script>
+    <script src="../../../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -53,24 +53,24 @@
   </head>
   <body class="mobile-support print disableInlineCopyToClipboard" data-url="../../../shortcodes/children/children-2/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../shortcodes/index.html"><span itemprop="name">Shortcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../shortcodes/children/index.html"><span itemprop="name">Children</span></a><meta itemprop="position" content="3">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">page 2</span><meta itemprop="position" content="4"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
           </div>
         </div>
       </nav>
@@ -96,8 +96,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1694553675" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1694553675" defer></script>
-    <script src="../../../js/theme.js?1694553675" defer></script>
+    <script src="../../../js/clipboard.min.js?1694640598" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694640598" defer></script>
+    <script src="../../../js/theme.js?1694640598" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-3/index.html b/shortcodes/children/children-3/index.html
index b62df9092f..6e472e7dcb 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1694553673" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1694553673" rel="stylesheet">
-    <link href="../../../css/fonts.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1694553673" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1694553673" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1694553673" rel="stylesheet">
-    <link href="../../../css/print.css?1694553673" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1694553673" rel="stylesheet">
-    <script src="../../../js/url.js?1694553673"></script>
-    <script src="../../../js/variant.js?1694553673"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694640597" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694640597" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694640597" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694640597" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694640597" rel="stylesheet">
+    <link href="../../../css/print.css?1694640597" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1694640597" rel="stylesheet">
+    <script src="../../../js/url.js?1694640597"></script>
+    <script src="../../../js/variant.js?1694640597"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -52,19 +52,42 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../../shortcodes/children/children-3/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <a href="../../../shortcodes/children/children-3/test3/index.html" title="page 3-1 (🡒)">
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </a>
+          <div class="topbar-sidebar-divider"></div>
+          <div class="topbar-left">
+            <div class="topbar-button topbar-sidebar">
+              <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
+                <i class="fa-fw fas fa-bars"></i>
+              </button>
             </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../../shortcodes/children/children-2/index.html" title="page 2 (🡐)">
-                <i class="fa-fw fas fa-chevron-left"></i>
+            <div id="sidebar-overlay"></div>
+            <div class="topbar-button topbar-toc">
+              <button onclick="showToc()" type="button" title="Table of Contents (CTRL&#43;ALT&#43;t)">
+                <i class="fa-fw fas fa-list-alt"></i>
+              </button>
+            </div>
+            <div class="default-animation progress">
+              <div class="toc-wrapper">
+<nav id="TableOfContents">
+  <ul>
+    <li><a href="#subpages-of-this-page">Subpages of this page</a></li>
+  </ul>
+</nav>
+              </div>
+            </div>
+            <div id="toc-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../shortcodes/index.html"><span itemprop="name">Shortcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../shortcodes/children/index.html"><span itemprop="name">Children</span></a><meta itemprop="position" content="3">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">page 3</span><meta itemprop="position" content="4"></li>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-edit">
+              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-3/_index.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+                <i class="fa-fw fas fa-pen"></i>
               </a>
             </div>
             <div class="topbar-button topbar-print">
@@ -72,37 +95,15 @@
                 <i class="fa-fw fas fa-print"></i>
               </a>
             </div>
-            <div class="topbar-button topbar-edit">
-              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-3/_index.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
-                <i class="fa-fw fas fa-pen"></i>
+            <div class="topbar-button topbar-prev">
+              <a href="../../../shortcodes/children/children-2/index.html" title="page 2 (🡐)">
+                <i class="fa-fw fas fa-chevron-left"></i>
               </a>
             </div>
-          </div>
-          <div class="topbar-left">
-            <div class="topbar-button topbar-sidebar">
-              <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
-                <i class="fa-fw fas fa-bars"></i>
-              </button>
-            </div>
-            <div class="topbar-button topbar-toc">
-              <button onclick="showToc()" type="button" title="Table of Contents (CTRL&#43;ALT&#43;t)">
-                <i class="fa-fw fas fa-list-alt"></i>
-              </button>
-            </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../shortcodes/index.html"><span itemprop="name">Shortcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../shortcodes/children/index.html"><span itemprop="name">Children</span></a><meta itemprop="position" content="3">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">page 3</span><meta itemprop="position" content="4"></li>
-            </ol>
-          </div>
-          <div class="default-animation progress">
-            <div class="toc-wrapper">
-<nav id="TableOfContents">
-  <ul>
-    <li><a href="#subpages-of-this-page">Subpages of this page</a></li>
-  </ul>
-</nav>
+            <div class="topbar-button topbar-next">
+              <a href="../../../shortcodes/children/children-3/test3/index.html" title="page 3-1 (🡒)">
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </a>
             </div>
           </div>
         </div>
@@ -212,12 +213,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1694553674" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1694553674" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694553674" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1694553674" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1694553674" defer></script>
-        <script src="../../../js/search.js?1694553674" defer></script>
+        <script src="../../../js/auto-complete.js?1694640598" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1694640598" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694640598" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1694640598" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1694640598" defer></script>
+        <script src="../../../js/search.js?1694640598" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -348,8 +349,12 @@
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -357,27 +362,25 @@
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1694553674"></script>
+          <script async src="../../../js/github-buttons.js?1694640598"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1694553674" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1694553674" defer></script>
-    <script src="../../../js/theme.js?1694553674" defer></script>
+    <script src="../../../js/clipboard.min.js?1694640598" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694640598" defer></script>
+    <script src="../../../js/theme.js?1694640598" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-3/index.print.html b/shortcodes/children/children-3/index.print.html
index bacf9b6ffe..0438953d52 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../../../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../../../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1694553675" rel="stylesheet">
-    <link href="../../../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../../../js/url.js?1694553675"></script>
-    <script src="../../../js/variant.js?1694553675"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../../../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1694640598" rel="stylesheet">
+    <link href="../../../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../../../js/url.js?1694640598"></script>
+    <script src="../../../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -53,24 +53,24 @@
   </head>
   <body class="mobile-support print disableInlineCopyToClipboard" data-url="../../../shortcodes/children/children-3/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../shortcodes/index.html"><span itemprop="name">Shortcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../shortcodes/children/index.html"><span itemprop="name">Children</span></a><meta itemprop="position" content="3">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">page 3</span><meta itemprop="position" content="4"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
           </div>
         </div>
       </nav>
@@ -120,8 +120,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1694553675" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1694553675" defer></script>
-    <script src="../../../js/theme.js?1694553675" defer></script>
+    <script src="../../../js/clipboard.min.js?1694640598" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694640598" defer></script>
+    <script src="../../../js/theme.js?1694640598" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-3/test3/index.html b/shortcodes/children/children-3/test3/index.html
index beea48f238..79180b7a15 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1694553673" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1694553673" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1694553673" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1694553673" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1694553673" rel="stylesheet">
-    <link href="../../../../css/print.css?1694553673" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1694553673" rel="stylesheet">
-    <script src="../../../../js/url.js?1694553673"></script>
-    <script src="../../../../js/variant.js?1694553673"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1694640597" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1694640597" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1694640597" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1694640597" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1694640597" rel="stylesheet">
+    <link href="../../../../css/print.css?1694640597" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1694640597" rel="stylesheet">
+    <script src="../../../../js/url.js?1694640597"></script>
+    <script src="../../../../js/variant.js?1694640597"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -52,19 +52,28 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../../../shortcodes/children/children-3/test3/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <a href="../../../../shortcodes/expand/index.html" title="Expand (🡒)">
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </a>
+          <div class="topbar-sidebar-divider"></div>
+          <div class="topbar-left">
+            <div class="topbar-button topbar-sidebar">
+              <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
+                <i class="fa-fw fas fa-bars"></i>
+              </button>
             </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../../../shortcodes/children/children-3/index.html" title="page 3 (🡐)">
-                <i class="fa-fw fas fa-chevron-left"></i>
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../shortcodes/index.html"><span itemprop="name">Shortcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../shortcodes/children/index.html"><span itemprop="name">Children</span></a><meta itemprop="position" content="3">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../shortcodes/children/children-3/index.html"><span itemprop="name">page 3</span></a><meta itemprop="position" content="4">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">page 3-1</span><meta itemprop="position" content="5"></li>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-edit">
+              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-3/test3.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+                <i class="fa-fw fas fa-pen"></i>
               </a>
             </div>
             <div class="topbar-button topbar-print">
@@ -72,25 +81,16 @@
                 <i class="fa-fw fas fa-print"></i>
               </a>
             </div>
-            <div class="topbar-button topbar-edit">
-              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-3/test3.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
-                <i class="fa-fw fas fa-pen"></i>
+            <div class="topbar-button topbar-prev">
+              <a href="../../../../shortcodes/children/children-3/index.html" title="page 3 (🡐)">
+                <i class="fa-fw fas fa-chevron-left"></i>
               </a>
             </div>
-          </div>
-          <div class="topbar-left">
-            <div class="topbar-button topbar-sidebar">
-              <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
-                <i class="fa-fw fas fa-bars"></i>
-              </button>
+            <div class="topbar-button topbar-next">
+              <a href="../../../../shortcodes/expand/index.html" title="Expand (🡒)">
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </a>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../shortcodes/index.html"><span itemprop="name">Shortcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../shortcodes/children/index.html"><span itemprop="name">Children</span></a><meta itemprop="position" content="3">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../shortcodes/children/children-3/index.html"><span itemprop="name">page 3</span></a><meta itemprop="position" content="4">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">page 3-1</span><meta itemprop="position" content="5"></li>
-            </ol>
           </div>
         </div>
       </nav>
@@ -193,12 +193,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1694553674" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1694553674" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1694553674" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1694553674" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1694553674" defer></script>
-        <script src="../../../../js/search.js?1694553674" defer></script>
+        <script src="../../../../js/auto-complete.js?1694640597" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1694640597" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1694640597" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1694640597" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1694640597" defer></script>
+        <script src="../../../../js/search.js?1694640597" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -329,8 +329,12 @@
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -338,27 +342,25 @@
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../../js/github-buttons.js?1694553674"></script>
+          <script async src="../../../../js/github-buttons.js?1694640597"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1694553674" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1694553674" defer></script>
-    <script src="../../../../js/theme.js?1694553674" defer></script>
+    <script src="../../../../js/clipboard.min.js?1694640597" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1694640597" defer></script>
+    <script src="../../../../js/theme.js?1694640597" 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 da13aab8b2..841922b557 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../../../../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1694553675" rel="stylesheet">
-    <link href="../../../../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../../../../js/url.js?1694553675"></script>
-    <script src="../../../../js/variant.js?1694553675"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../../../../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1694640598" rel="stylesheet">
+    <link href="../../../../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../../../../js/url.js?1694640598"></script>
+    <script src="../../../../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -53,25 +53,25 @@
   </head>
   <body class="mobile-support print disableInlineCopyToClipboard" data-url="../../../../shortcodes/children/children-3/test3/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../shortcodes/index.html"><span itemprop="name">Shortcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../shortcodes/children/index.html"><span itemprop="name">Children</span></a><meta itemprop="position" content="3">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../../shortcodes/children/children-3/index.html"><span itemprop="name">page 3</span></a><meta itemprop="position" content="4">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">page 3-1</span><meta itemprop="position" content="5"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
           </div>
         </div>
       </nav>
@@ -96,8 +96,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1694553675" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1694553675" defer></script>
-    <script src="../../../../js/theme.js?1694553675" defer></script>
+    <script src="../../../../js/clipboard.min.js?1694640598" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1694640598" defer></script>
+    <script src="../../../../js/theme.js?1694640598" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-4/index.html b/shortcodes/children/children-4/index.html
index 4604e55dab..cc5d990f57 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1694553673" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1694553673" rel="stylesheet">
-    <link href="../../../css/fonts.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1694553673" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1694553673" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1694553673" rel="stylesheet">
-    <link href="../../../css/print.css?1694553673" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1694553673" rel="stylesheet">
-    <script src="../../../js/url.js?1694553673"></script>
-    <script src="../../../js/variant.js?1694553673"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694640597" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694640597" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694640597" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694640597" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694640597" rel="stylesheet">
+    <link href="../../../css/print.css?1694640597" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1694640597" rel="stylesheet">
+    <script src="../../../js/url.js?1694640597"></script>
+    <script src="../../../js/variant.js?1694640597"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -51,19 +51,27 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../../shortcodes/children/children-4/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <a href="../../../shortcodes/expand/index.html" title="Expand (🡒)">
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </a>
+          <div class="topbar-sidebar-divider"></div>
+          <div class="topbar-left">
+            <div class="topbar-button topbar-sidebar">
+              <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
+                <i class="fa-fw fas fa-bars"></i>
+              </button>
             </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../../shortcodes/children/children-3/test3/index.html" title="page 3-1 (🡐)">
-                <i class="fa-fw fas fa-chevron-left"></i>
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../shortcodes/index.html"><span itemprop="name">Shortcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../shortcodes/children/index.html"><span itemprop="name">Children</span></a><meta itemprop="position" content="3">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">page 4 (hidden)</span><meta itemprop="position" content="4"></li>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-edit">
+              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-4/_index.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+                <i class="fa-fw fas fa-pen"></i>
               </a>
             </div>
             <div class="topbar-button topbar-print">
@@ -71,24 +79,16 @@
                 <i class="fa-fw fas fa-print"></i>
               </a>
             </div>
-            <div class="topbar-button topbar-edit">
-              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/children-4/_index.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
-                <i class="fa-fw fas fa-pen"></i>
+            <div class="topbar-button topbar-prev">
+              <a href="../../../shortcodes/children/children-3/test3/index.html" title="page 3-1 (🡐)">
+                <i class="fa-fw fas fa-chevron-left"></i>
               </a>
             </div>
-          </div>
-          <div class="topbar-left">
-            <div class="topbar-button topbar-sidebar">
-              <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
-                <i class="fa-fw fas fa-bars"></i>
-              </button>
+            <div class="topbar-button topbar-next">
+              <a href="../../../shortcodes/expand/index.html" title="Expand (🡒)">
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </a>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../shortcodes/index.html"><span itemprop="name">Shortcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../shortcodes/children/index.html"><span itemprop="name">Children</span></a><meta itemprop="position" content="3">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">page 4 (hidden)</span><meta itemprop="position" content="4"></li>
-            </ol>
           </div>
         </div>
       </nav>
@@ -191,12 +191,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1694553674" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1694553674" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694553674" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1694553674" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1694553674" defer></script>
-        <script src="../../../js/search.js?1694553674" defer></script>
+        <script src="../../../js/auto-complete.js?1694640598" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1694640598" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694640598" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1694640598" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1694640598" defer></script>
+        <script src="../../../js/search.js?1694640598" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -328,8 +328,12 @@
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -337,27 +341,25 @@
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1694553674"></script>
+          <script async src="../../../js/github-buttons.js?1694640598"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1694553674" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1694553674" defer></script>
-    <script src="../../../js/theme.js?1694553674" defer></script>
+    <script src="../../../js/clipboard.min.js?1694640598" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694640598" defer></script>
+    <script src="../../../js/theme.js?1694640598" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-4/index.print.html b/shortcodes/children/children-4/index.print.html
index 9fffe9067c..563b20c2e8 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../../../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../../../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1694553675" rel="stylesheet">
-    <link href="../../../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../../../js/url.js?1694553675"></script>
-    <script src="../../../js/variant.js?1694553675"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../../../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1694640598" rel="stylesheet">
+    <link href="../../../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../../../js/url.js?1694640598"></script>
+    <script src="../../../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -52,24 +52,24 @@
   </head>
   <body class="mobile-support print disableInlineCopyToClipboard" data-url="../../../shortcodes/children/children-4/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../shortcodes/index.html"><span itemprop="name">Shortcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../shortcodes/children/index.html"><span itemprop="name">Children</span></a><meta itemprop="position" content="3">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">page 4 (hidden)</span><meta itemprop="position" content="4"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
           </div>
         </div>
       </nav>
@@ -94,8 +94,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1694553675" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1694553675" defer></script>
-    <script src="../../../js/theme.js?1694553675" defer></script>
+    <script src="../../../js/clipboard.min.js?1694640598" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694640598" defer></script>
+    <script src="../../../js/theme.js?1694640598" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/index.html b/shortcodes/children/index.html
index a0ab9fc85a..875e4baf3f 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1694553673" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1694553673" rel="stylesheet">
-    <link href="../../css/fonts.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1694553673" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1694553673" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1694553673" rel="stylesheet">
-    <link href="../../css/print.css?1694553673" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1694553673" rel="stylesheet">
-    <script src="../../js/url.js?1694553673"></script>
-    <script src="../../js/variant.js?1694553673"></script>
+    <link href="../../css/fontawesome-all.min.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694640597" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694640597" rel="stylesheet">
+    <link href="../../css/fonts.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694640597" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694640597" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694640597" rel="stylesheet">
+    <link href="../../css/print.css?1694640597" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1694640597" rel="stylesheet">
+    <script src="../../js/url.js?1694640597"></script>
+    <script src="../../js/variant.js?1694640597"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -52,51 +52,23 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../shortcodes/children/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <a href="../../shortcodes/children/test/index.html" title="page X (🡒)">
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../shortcodes/button/index.html" title="Button (🡐)">
-                <i class="fa-fw fas fa-chevron-left"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-print">
-              <a href="../../shortcodes/children/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
-                <i class="fa-fw fas fa-print"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-edit">
-              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/_index.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
-                <i class="fa-fw fas fa-pen"></i>
-              </a>
-            </div>
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
+            <div id="sidebar-overlay"></div>
             <div class="topbar-button topbar-toc">
               <button onclick="showToc()" type="button" title="Table of Contents (CTRL&#43;ALT&#43;t)">
                 <i class="fa-fw fas fa-list-alt"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../shortcodes/index.html"><span itemprop="name">Shortcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Children</span><meta itemprop="position" content="3"></li>
-            </ol>
-          </div>
-          <div class="default-animation progress">
-            <div class="toc-wrapper">
+            <div class="default-animation progress">
+              <div class="toc-wrapper">
 <nav id="TableOfContents">
   <ul>
     <li><a href="#usage">Usage</a>
@@ -115,6 +87,35 @@
     </li>
   </ul>
 </nav>
+              </div>
+            </div>
+            <div id="toc-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../shortcodes/index.html"><span itemprop="name">Shortcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Children</span><meta itemprop="position" content="3"></li>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-edit">
+              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/_index.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+                <i class="fa-fw fas fa-pen"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-print">
+              <a href="../../shortcodes/children/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
+                <i class="fa-fw fas fa-print"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-prev">
+              <a href="../../shortcodes/button/index.html" title="Button (🡐)">
+                <i class="fa-fw fas fa-chevron-left"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-next">
+              <a href="../../shortcodes/children/test/index.html" title="page X (🡒)">
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </a>
             </div>
           </div>
         </div>
@@ -407,12 +408,12 @@ So its content is used as description.</p>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1694553674" defer></script>
-        <script src="../../js/search.js?1694553674" defer></script>
+        <script src="../../js/auto-complete.js?1694640598" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1694640598" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694640598" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1694640598" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1694640598" defer></script>
+        <script src="../../js/search.js?1694640598" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -543,8 +544,12 @@ So its content is used as description.</p>
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -552,27 +557,25 @@ So its content is used as description.</p>
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1694553674"></script>
+          <script async src="../../js/github-buttons.js?1694640598"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1694553674" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1694553674" defer></script>
-    <script src="../../js/theme.js?1694553674" defer></script>
+    <script src="../../js/clipboard.min.js?1694640598" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694640598" defer></script>
+    <script src="../../js/theme.js?1694640598" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/index.print.html b/shortcodes/children/index.print.html
index f70fe65418..e6f51d67b5 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1694553675" rel="stylesheet">
-    <link href="../../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../../js/url.js?1694553675"></script>
-    <script src="../../js/variant.js?1694553675"></script>
+    <link href="../../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1694640598" rel="stylesheet">
+    <link href="../../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../../js/url.js?1694640598"></script>
+    <script src="../../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -53,23 +53,23 @@
   </head>
   <body class="mobile-support print disableInlineCopyToClipboard" data-url="../../shortcodes/children/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../shortcodes/index.html"><span itemprop="name">Shortcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Children</span><meta itemprop="position" content="3"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
           </div>
         </div>
       </nav>
@@ -485,8 +485,8 @@ So its content is used as description.</p>
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1694553675" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1694553675" defer></script>
-    <script src="../../js/theme.js?1694553675" defer></script>
+    <script src="../../js/clipboard.min.js?1694640598" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694640598" defer></script>
+    <script src="../../js/theme.js?1694640598" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/test/index.html b/shortcodes/children/test/index.html
index 7799c62554..df411e3ec4 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1694553673" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1694553673" rel="stylesheet">
-    <link href="../../../css/fonts.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1694553673" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1694553673" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1694553673" rel="stylesheet">
-    <link href="../../../css/print.css?1694553673" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1694553673" rel="stylesheet">
-    <script src="../../../js/url.js?1694553673"></script>
-    <script src="../../../js/variant.js?1694553673"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694640597" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694640597" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694640597" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694640597" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694640597" rel="stylesheet">
+    <link href="../../../css/print.css?1694640597" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1694640597" rel="stylesheet">
+    <script src="../../../js/url.js?1694640597"></script>
+    <script src="../../../js/variant.js?1694640597"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -53,19 +53,27 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../../shortcodes/children/test/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <a href="../../../shortcodes/children/children-1/index.html" title="page 1 (🡒)">
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </a>
+          <div class="topbar-sidebar-divider"></div>
+          <div class="topbar-left">
+            <div class="topbar-button topbar-sidebar">
+              <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
+                <i class="fa-fw fas fa-bars"></i>
+              </button>
             </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../../shortcodes/children/index.html" title="Children (🡐)">
-                <i class="fa-fw fas fa-chevron-left"></i>
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../shortcodes/index.html"><span itemprop="name">Shortcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../shortcodes/children/index.html"><span itemprop="name">Children</span></a><meta itemprop="position" content="3">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">page X</span><meta itemprop="position" content="4"></li>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-edit">
+              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/test.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+                <i class="fa-fw fas fa-pen"></i>
               </a>
             </div>
             <div class="topbar-button topbar-print">
@@ -73,24 +81,16 @@
                 <i class="fa-fw fas fa-print"></i>
               </a>
             </div>
-            <div class="topbar-button topbar-edit">
-              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/children/test.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
-                <i class="fa-fw fas fa-pen"></i>
+            <div class="topbar-button topbar-prev">
+              <a href="../../../shortcodes/children/index.html" title="Children (🡐)">
+                <i class="fa-fw fas fa-chevron-left"></i>
               </a>
             </div>
-          </div>
-          <div class="topbar-left">
-            <div class="topbar-button topbar-sidebar">
-              <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
-                <i class="fa-fw fas fa-bars"></i>
-              </button>
+            <div class="topbar-button topbar-next">
+              <a href="../../../shortcodes/children/children-1/index.html" title="page 1 (🡒)">
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </a>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../shortcodes/index.html"><span itemprop="name">Shortcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../shortcodes/children/index.html"><span itemprop="name">Children</span></a><meta itemprop="position" content="3">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">page X</span><meta itemprop="position" content="4"></li>
-            </ol>
           </div>
         </div>
       </nav>
@@ -192,12 +192,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1694553674" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1694553674" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694553674" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1694553674" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1694553674" defer></script>
-        <script src="../../../js/search.js?1694553674" defer></script>
+        <script src="../../../js/auto-complete.js?1694640597" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1694640597" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1694640597" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1694640597" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1694640597" defer></script>
+        <script src="../../../js/search.js?1694640597" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -328,8 +328,12 @@
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -337,27 +341,25 @@
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../../js/github-buttons.js?1694553674"></script>
+          <script async src="../../../js/github-buttons.js?1694640597"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1694553674" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1694553674" defer></script>
-    <script src="../../../js/theme.js?1694553674" defer></script>
+    <script src="../../../js/clipboard.min.js?1694640597" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694640597" defer></script>
+    <script src="../../../js/theme.js?1694640597" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/test/index.print.html b/shortcodes/children/test/index.print.html
index 711f9a65df..905c35f586 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../../../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../../../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1694553675" rel="stylesheet">
-    <link href="../../../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../../../js/url.js?1694553675"></script>
-    <script src="../../../js/variant.js?1694553675"></script>
+    <link href="../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../../../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../../../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1694640598" rel="stylesheet">
+    <link href="../../../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../../../js/url.js?1694640598"></script>
+    <script src="../../../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -54,24 +54,24 @@
   </head>
   <body class="mobile-support print disableInlineCopyToClipboard" data-url="../../../shortcodes/children/test/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../shortcodes/index.html"><span itemprop="name">Shortcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../../shortcodes/children/index.html"><span itemprop="name">Children</span></a><meta itemprop="position" content="3">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">page X</span><meta itemprop="position" content="4"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
           </div>
         </div>
       </nav>
@@ -95,8 +95,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1694553675" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1694553675" defer></script>
-    <script src="../../../js/theme.js?1694553675" defer></script>
+    <script src="../../../js/clipboard.min.js?1694640598" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1694640598" defer></script>
+    <script src="../../../js/theme.js?1694640598" defer></script>
   </body>
 </html>
diff --git a/shortcodes/expand/index.html b/shortcodes/expand/index.html
index 48e6772ac4..3598ab2dee 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1694553673" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1694553673" rel="stylesheet">
-    <link href="../../css/fonts.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1694553673" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1694553673" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1694553673" rel="stylesheet">
-    <link href="../../css/print.css?1694553673" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1694553673" rel="stylesheet">
-    <script src="../../js/url.js?1694553673"></script>
-    <script src="../../js/variant.js?1694553673"></script>
+    <link href="../../css/fontawesome-all.min.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694640597" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694640597" rel="stylesheet">
+    <link href="../../css/fonts.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694640597" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694640597" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694640597" rel="stylesheet">
+    <link href="../../css/print.css?1694640597" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1694640597" rel="stylesheet">
+    <script src="../../js/url.js?1694640597"></script>
+    <script src="../../js/variant.js?1694640597"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -52,51 +52,23 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../shortcodes/expand/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <a href="../../shortcodes/highlight/index.html" title="Highlight (🡒)">
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../shortcodes/children/children-3/test3/index.html" title="page 3-1 (🡐)">
-                <i class="fa-fw fas fa-chevron-left"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-print">
-              <a href="../../shortcodes/expand/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
-                <i class="fa-fw fas fa-print"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-edit">
-              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/expand.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
-                <i class="fa-fw fas fa-pen"></i>
-              </a>
-            </div>
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
+            <div id="sidebar-overlay"></div>
             <div class="topbar-button topbar-toc">
               <button onclick="showToc()" type="button" title="Table of Contents (CTRL&#43;ALT&#43;t)">
                 <i class="fa-fw fas fa-list-alt"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../shortcodes/index.html"><span itemprop="name">Shortcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Expand</span><meta itemprop="position" content="3"></li>
-            </ol>
-          </div>
-          <div class="default-animation progress">
-            <div class="toc-wrapper">
+            <div class="default-animation progress">
+              <div class="toc-wrapper">
 <nav id="TableOfContents">
   <ul>
     <li><a href="#usage">Usage</a>
@@ -113,6 +85,35 @@
     </li>
   </ul>
 </nav>
+              </div>
+            </div>
+            <div id="toc-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../shortcodes/index.html"><span itemprop="name">Shortcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Expand</span><meta itemprop="position" content="3"></li>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-edit">
+              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/expand.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+                <i class="fa-fw fas fa-pen"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-print">
+              <a href="../../shortcodes/expand/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
+                <i class="fa-fw fas fa-print"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-prev">
+              <a href="../../shortcodes/children/children-3/test3/index.html" title="page 3-1 (🡐)">
+                <i class="fa-fw fas fa-chevron-left"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-next">
+              <a href="../../shortcodes/highlight/index.html" title="Highlight (🡒)">
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </a>
             </div>
           </div>
         </div>
@@ -127,13 +128,13 @@
 <p>The <code>expand</code> shortcode displays an expandable/collapsible section of text.</p>
 
 <div class="expand">
-    <input type="checkbox" id="expand-d76ebdd4658a7fed2dde0723408d122a" aria-controls="expandcontent-d76ebdd4658a7fed2dde0723408d122a" >
-    <label class="expand-label" for="expand-d76ebdd4658a7fed2dde0723408d122a" >
+    <input type="checkbox" id="expand-f6bffa990b5f662b81666956f038bc62" aria-controls="expandcontent-f6bffa990b5f662b81666956f038bc62" >
+    <label class="expand-label" for="expand-f6bffa990b5f662b81666956f038bc62" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-d76ebdd4658a7fed2dde0723408d122a" class="expand-content">
+    <div id="expandcontent-f6bffa990b5f662b81666956f038bc62" 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>
@@ -260,26 +261,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-b6540157d358ee5b89e9f568c567cef6" aria-controls="expandcontent-b6540157d358ee5b89e9f568c567cef6" >
-    <label class="expand-label" for="expand-b6540157d358ee5b89e9f568c567cef6" >
+    <input type="checkbox" id="expand-1d3324bd122ec6f8856e8a7c0926c733" aria-controls="expandcontent-1d3324bd122ec6f8856e8a7c0926c733" >
+    <label class="expand-label" for="expand-1d3324bd122ec6f8856e8a7c0926c733" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-b6540157d358ee5b89e9f568c567cef6" class="expand-content">
+    <div id="expandcontent-1d3324bd122ec6f8856e8a7c0926c733" 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-4536f660a2a09161cc060e6a3a978af9" aria-controls="expandcontent-4536f660a2a09161cc060e6a3a978af9"  checked>
-    <label class="expand-label" for="expand-4536f660a2a09161cc060e6a3a978af9" >
+    <input type="checkbox" id="expand-db0091ed449f7647e85d416149643e45" aria-controls="expandcontent-db0091ed449f7647e85d416149643e45"  checked>
+    <label class="expand-label" for="expand-db0091ed449f7647e85d416149643e45" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-4536f660a2a09161cc060e6a3a978af9" class="expand-content">
+    <div id="expandcontent-db0091ed449f7647e85d416149643e45" class="expand-content">
 <p>
 No need to press you!</div>
 </div>
@@ -300,13 +301,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-fb48b3acab4b74a820bc812e73a6699a" aria-controls="expandcontent-fb48b3acab4b74a820bc812e73a6699a" >
-    <label class="expand-label" for="expand-fb48b3acab4b74a820bc812e73a6699a" >
+    <input type="checkbox" id="expand-6e970d2df6a22a451bb12a69015d0750" aria-controls="expandcontent-6e970d2df6a22a451bb12a69015d0750" >
+    <label class="expand-label" for="expand-6e970d2df6a22a451bb12a69015d0750" >
         <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-fb48b3acab4b74a820bc812e73a6699a" class="expand-content">
+    <div id="expandcontent-6e970d2df6a22a451bb12a69015d0750" class="expand-content">
 
 <p>You can add standard markdown syntax:</p>
 <ul>
@@ -408,12 +409,12 @@ No need to press you!</div>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1694553674" defer></script>
-        <script src="../../js/search.js?1694553674" defer></script>
+        <script src="../../js/auto-complete.js?1694640597" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1694640597" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694640597" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1694640597" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1694640597" defer></script>
+        <script src="../../js/search.js?1694640597" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -544,8 +545,12 @@ No need to press you!</div>
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -553,27 +558,25 @@ No need to press you!</div>
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1694553674"></script>
+          <script async src="../../js/github-buttons.js?1694640597"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1694553674" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1694553674" defer></script>
-    <script src="../../js/theme.js?1694553674" defer></script>
+    <script src="../../js/clipboard.min.js?1694640597" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694640597" defer></script>
+    <script src="../../js/theme.js?1694640597" defer></script>
   </body>
 </html>
diff --git a/shortcodes/expand/index.print.html b/shortcodes/expand/index.print.html
index 83bc33e1c5..d789116a31 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1694553675" rel="stylesheet">
-    <link href="../../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../../js/url.js?1694553675"></script>
-    <script src="../../js/variant.js?1694553675"></script>
+    <link href="../../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1694640598" rel="stylesheet">
+    <link href="../../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../../js/url.js?1694640598"></script>
+    <script src="../../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -53,23 +53,23 @@
   </head>
   <body class="mobile-support print disableInlineCopyToClipboard" data-url="../../shortcodes/expand/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../shortcodes/index.html"><span itemprop="name">Shortcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Expand</span><meta itemprop="position" content="3"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
           </div>
         </div>
       </nav>
@@ -83,13 +83,13 @@
 <p>The <code>expand</code> shortcode displays an expandable/collapsible section of text.</p>
 
 <div class="expand">
-    <input type="checkbox" id="expand-d76ebdd4658a7fed2dde0723408d122a" aria-controls="expandcontent-d76ebdd4658a7fed2dde0723408d122a" >
-    <label class="expand-label" for="expand-d76ebdd4658a7fed2dde0723408d122a" >
+    <input type="checkbox" id="expand-f6bffa990b5f662b81666956f038bc62" aria-controls="expandcontent-f6bffa990b5f662b81666956f038bc62" >
+    <label class="expand-label" for="expand-f6bffa990b5f662b81666956f038bc62" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-d76ebdd4658a7fed2dde0723408d122a" class="expand-content">
+    <div id="expandcontent-f6bffa990b5f662b81666956f038bc62" 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>
@@ -216,26 +216,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-b6540157d358ee5b89e9f568c567cef6" aria-controls="expandcontent-b6540157d358ee5b89e9f568c567cef6" >
-    <label class="expand-label" for="expand-b6540157d358ee5b89e9f568c567cef6" >
+    <input type="checkbox" id="expand-1d3324bd122ec6f8856e8a7c0926c733" aria-controls="expandcontent-1d3324bd122ec6f8856e8a7c0926c733" >
+    <label class="expand-label" for="expand-1d3324bd122ec6f8856e8a7c0926c733" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-b6540157d358ee5b89e9f568c567cef6" class="expand-content">
+    <div id="expandcontent-1d3324bd122ec6f8856e8a7c0926c733" 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-4536f660a2a09161cc060e6a3a978af9" aria-controls="expandcontent-4536f660a2a09161cc060e6a3a978af9"  checked>
-    <label class="expand-label" for="expand-4536f660a2a09161cc060e6a3a978af9" >
+    <input type="checkbox" id="expand-db0091ed449f7647e85d416149643e45" aria-controls="expandcontent-db0091ed449f7647e85d416149643e45"  checked>
+    <label class="expand-label" for="expand-db0091ed449f7647e85d416149643e45" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-4536f660a2a09161cc060e6a3a978af9" class="expand-content">
+    <div id="expandcontent-db0091ed449f7647e85d416149643e45" class="expand-content">
 <p>
 No need to press you!</div>
 </div>
@@ -256,13 +256,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-fb48b3acab4b74a820bc812e73a6699a" aria-controls="expandcontent-fb48b3acab4b74a820bc812e73a6699a" >
-    <label class="expand-label" for="expand-fb48b3acab4b74a820bc812e73a6699a" >
+    <input type="checkbox" id="expand-6e970d2df6a22a451bb12a69015d0750" aria-controls="expandcontent-6e970d2df6a22a451bb12a69015d0750" >
+    <label class="expand-label" for="expand-6e970d2df6a22a451bb12a69015d0750" >
         <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-fb48b3acab4b74a820bc812e73a6699a" class="expand-content">
+    <div id="expandcontent-6e970d2df6a22a451bb12a69015d0750" class="expand-content">
 
 <p>You can add standard markdown syntax:</p>
 <ul>
@@ -286,8 +286,8 @@ No need to press you!</div>
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1694553675" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1694553675" defer></script>
-    <script src="../../js/theme.js?1694553675" defer></script>
+    <script src="../../js/clipboard.min.js?1694640598" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694640598" defer></script>
+    <script src="../../js/theme.js?1694640598" defer></script>
   </body>
 </html>
diff --git a/shortcodes/highlight/index.html b/shortcodes/highlight/index.html
index ce3fd1fba6..4cf3d7cbec 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1694553673" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1694553673" rel="stylesheet">
-    <link href="../../css/fonts.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1694553673" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1694553673" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1694553673" rel="stylesheet">
-    <link href="../../css/print.css?1694553673" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1694553673" rel="stylesheet">
-    <script src="../../js/url.js?1694553673"></script>
-    <script src="../../js/variant.js?1694553673"></script>
+    <link href="../../css/fontawesome-all.min.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694640597" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694640597" rel="stylesheet">
+    <link href="../../css/fonts.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694640597" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694640597" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694640597" rel="stylesheet">
+    <link href="../../css/print.css?1694640597" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1694640597" rel="stylesheet">
+    <script src="../../js/url.js?1694640597"></script>
+    <script src="../../js/variant.js?1694640597"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -52,51 +52,23 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../shortcodes/highlight/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <a href="../../shortcodes/icon/index.html" title="Icon (🡒)">
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../shortcodes/expand/index.html" title="Expand (🡐)">
-                <i class="fa-fw fas fa-chevron-left"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-print">
-              <a href="../../shortcodes/highlight/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
-                <i class="fa-fw fas fa-print"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-edit">
-              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/highlight.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
-                <i class="fa-fw fas fa-pen"></i>
-              </a>
-            </div>
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
+            <div id="sidebar-overlay"></div>
             <div class="topbar-button topbar-toc">
               <button onclick="showToc()" type="button" title="Table of Contents (CTRL&#43;ALT&#43;t)">
                 <i class="fa-fw fas fa-list-alt"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../shortcodes/index.html"><span itemprop="name">Shortcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Highlight</span><meta itemprop="position" content="3"></li>
-            </ol>
-          </div>
-          <div class="default-animation progress">
-            <div class="toc-wrapper">
+            <div class="default-animation progress">
+              <div class="toc-wrapper">
 <nav id="TableOfContents">
   <ul>
     <li><a href="#usage">Usage</a>
@@ -120,6 +92,35 @@
     </li>
   </ul>
 </nav>
+              </div>
+            </div>
+            <div id="toc-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../shortcodes/index.html"><span itemprop="name">Shortcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Highlight</span><meta itemprop="position" content="3"></li>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-edit">
+              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/highlight.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+                <i class="fa-fw fas fa-pen"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-print">
+              <a href="../../shortcodes/highlight/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
+                <i class="fa-fw fas fa-print"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-prev">
+              <a href="../../shortcodes/expand/index.html" title="Expand (🡐)">
+                <i class="fa-fw fas fa-chevron-left"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-next">
+              <a href="../../shortcodes/icon/index.html" title="Icon (🡒)">
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </a>
             </div>
           </div>
         </div>
@@ -134,13 +135,13 @@
 <p>The <code>highlight</code> shortcode renders your code with a syntax highlighter.</p>
 
   
-<div class="tab-panel" data-tab-group="630091bdc6853eae30138716d9a66dec">
+<div class="tab-panel" data-tab-group="9e2b003661d55d87789205809dc964e2">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="python"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('630091bdc6853eae30138716d9a66dec','python')"
+      onclick="switchTab('9e2b003661d55d87789205809dc964e2','python')"
     >
       <div>
         <div class="tab-nav-hidden">python</div>
@@ -363,13 +364,13 @@
 </span></span></span><span class="line"><span class="cl"><span class="gh"></span>print(&#34;Hello World!&#34;)
 </span></span><span class="line"><span class="cl">```</span></span></code></pre></div>
   
-<div class="tab-panel" data-tab-group="09ee6023af3c4be83131c2bf114bc1f1">
+<div class="tab-panel" data-tab-group="76b381033f5bfc995fd7caefa0101e54">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="python"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('09ee6023af3c4be83131c2bf114bc1f1','python')"
+      onclick="switchTab('76b381033f5bfc995fd7caefa0101e54','python')"
     >
       <div>
         <div class="tab-nav-hidden">python</div>
@@ -490,12 +491,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1694553674" defer></script>
-        <script src="../../js/search.js?1694553674" defer></script>
+        <script src="../../js/auto-complete.js?1694640597" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1694640597" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694640597" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1694640597" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1694640597" defer></script>
+        <script src="../../js/search.js?1694640597" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -626,8 +627,12 @@
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -635,27 +640,25 @@
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1694553674"></script>
+          <script async src="../../js/github-buttons.js?1694640597"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1694553674" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1694553674" defer></script>
-    <script src="../../js/theme.js?1694553674" defer></script>
+    <script src="../../js/clipboard.min.js?1694640597" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694640597" defer></script>
+    <script src="../../js/theme.js?1694640597" defer></script>
   </body>
 </html>
diff --git a/shortcodes/highlight/index.print.html b/shortcodes/highlight/index.print.html
index 315b8bfe03..893d1f52ef 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1694553675" rel="stylesheet">
-    <link href="../../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../../js/url.js?1694553675"></script>
-    <script src="../../js/variant.js?1694553675"></script>
+    <link href="../../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1694640598" rel="stylesheet">
+    <link href="../../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../../js/url.js?1694640598"></script>
+    <script src="../../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -53,23 +53,23 @@
   </head>
   <body class="mobile-support print disableInlineCopyToClipboard" data-url="../../shortcodes/highlight/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../shortcodes/index.html"><span itemprop="name">Shortcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Highlight</span><meta itemprop="position" content="3"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
           </div>
         </div>
       </nav>
@@ -83,13 +83,13 @@
 <p>The <code>highlight</code> shortcode renders your code with a syntax highlighter.</p>
 
   
-<div class="tab-panel" data-tab-group="630091bdc6853eae30138716d9a66dec">
+<div class="tab-panel" data-tab-group="9e2b003661d55d87789205809dc964e2">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="python"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('630091bdc6853eae30138716d9a66dec','python')"
+      onclick="switchTab('9e2b003661d55d87789205809dc964e2','python')"
     >
       <div>
         <div class="tab-nav-hidden">python</div>
@@ -312,13 +312,13 @@
 </span></span></span><span class="line"><span class="cl"><span class="gh"></span>print(&#34;Hello World!&#34;)
 </span></span><span class="line"><span class="cl">```</span></span></code></pre></div>
   
-<div class="tab-panel" data-tab-group="09ee6023af3c4be83131c2bf114bc1f1">
+<div class="tab-panel" data-tab-group="76b381033f5bfc995fd7caefa0101e54">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="python"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('09ee6023af3c4be83131c2bf114bc1f1','python')"
+      onclick="switchTab('76b381033f5bfc995fd7caefa0101e54','python')"
     >
       <div>
         <div class="tab-nav-hidden">python</div>
@@ -361,8 +361,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1694553675" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1694553675" defer></script>
-    <script src="../../js/theme.js?1694553675" defer></script>
+    <script src="../../js/clipboard.min.js?1694640598" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694640598" defer></script>
+    <script src="../../js/theme.js?1694640598" defer></script>
   </body>
 </html>
diff --git a/shortcodes/icon/index.html b/shortcodes/icon/index.html
index 952c45cdea..2731ba45f6 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1694553673" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1694553673" rel="stylesheet">
-    <link href="../../css/fonts.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1694553673" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1694553673" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1694553673" rel="stylesheet">
-    <link href="../../css/print.css?1694553673" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1694553673" rel="stylesheet">
-    <script src="../../js/url.js?1694553673"></script>
-    <script src="../../js/variant.js?1694553673"></script>
+    <link href="../../css/fontawesome-all.min.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694640597" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694640597" rel="stylesheet">
+    <link href="../../css/fonts.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694640597" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694640597" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694640597" rel="stylesheet">
+    <link href="../../css/print.css?1694640597" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1694640597" rel="stylesheet">
+    <script src="../../js/url.js?1694640597"></script>
+    <script src="../../js/variant.js?1694640597"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -52,51 +52,23 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../shortcodes/icon/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <a href="../../shortcodes/include/index.html" title="Include (🡒)">
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../shortcodes/highlight/index.html" title="Highlight (🡐)">
-                <i class="fa-fw fas fa-chevron-left"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-print">
-              <a href="../../shortcodes/icon/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
-                <i class="fa-fw fas fa-print"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-edit">
-              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/icon.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
-                <i class="fa-fw fas fa-pen"></i>
-              </a>
-            </div>
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
+            <div id="sidebar-overlay"></div>
             <div class="topbar-button topbar-toc">
               <button onclick="showToc()" type="button" title="Table of Contents (CTRL&#43;ALT&#43;t)">
                 <i class="fa-fw fas fa-list-alt"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../shortcodes/index.html"><span itemprop="name">Shortcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Icon</span><meta itemprop="position" content="3"></li>
-            </ol>
-          </div>
-          <div class="default-animation progress">
-            <div class="toc-wrapper">
+            <div class="default-animation progress">
+              <div class="toc-wrapper">
 <nav id="TableOfContents">
   <ul>
     <li><a href="#usage">Usage</a>
@@ -114,6 +86,35 @@
     </li>
   </ul>
 </nav>
+              </div>
+            </div>
+            <div id="toc-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../shortcodes/index.html"><span itemprop="name">Shortcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Icon</span><meta itemprop="position" content="3"></li>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-edit">
+              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/icon.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+                <i class="fa-fw fas fa-pen"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-print">
+              <a href="../../shortcodes/icon/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
+                <i class="fa-fw fas fa-print"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-prev">
+              <a href="../../shortcodes/highlight/index.html" title="Highlight (🡐)">
+                <i class="fa-fw fas fa-chevron-left"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-next">
+              <a href="../../shortcodes/include/index.html" title="Include (🡒)">
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </a>
             </div>
           </div>
         </div>
@@ -331,12 +332,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1694553674" defer></script>
-        <script src="../../js/search.js?1694553674" defer></script>
+        <script src="../../js/auto-complete.js?1694640597" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1694640597" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694640597" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1694640597" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1694640597" defer></script>
+        <script src="../../js/search.js?1694640597" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -467,8 +468,12 @@
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -476,27 +481,25 @@
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1694553674"></script>
+          <script async src="../../js/github-buttons.js?1694640597"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1694553674" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1694553674" defer></script>
-    <script src="../../js/theme.js?1694553674" defer></script>
+    <script src="../../js/clipboard.min.js?1694640597" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694640597" defer></script>
+    <script src="../../js/theme.js?1694640597" defer></script>
   </body>
 </html>
diff --git a/shortcodes/icon/index.print.html b/shortcodes/icon/index.print.html
index dcbcb4b181..2e99250006 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1694553675" rel="stylesheet">
-    <link href="../../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../../js/url.js?1694553675"></script>
-    <script src="../../js/variant.js?1694553675"></script>
+    <link href="../../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1694640598" rel="stylesheet">
+    <link href="../../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../../js/url.js?1694640598"></script>
+    <script src="../../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -53,23 +53,23 @@
   </head>
   <body class="mobile-support print disableInlineCopyToClipboard" data-url="../../shortcodes/icon/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../shortcodes/index.html"><span itemprop="name">Shortcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Icon</span><meta itemprop="position" content="3"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
           </div>
         </div>
       </nav>
@@ -208,8 +208,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1694553675" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1694553675" defer></script>
-    <script src="../../js/theme.js?1694553675" defer></script>
+    <script src="../../js/clipboard.min.js?1694640598" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694640598" defer></script>
+    <script src="../../js/theme.js?1694640598" defer></script>
   </body>
 </html>
diff --git a/shortcodes/include/index.html b/shortcodes/include/index.html
index 5172dd2758..1278c825f7 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1694553673" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1694553673" rel="stylesheet">
-    <link href="../../css/fonts.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1694553673" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1694553673" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1694553673" rel="stylesheet">
-    <link href="../../css/print.css?1694553673" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1694553673" rel="stylesheet">
-    <script src="../../js/url.js?1694553673"></script>
-    <script src="../../js/variant.js?1694553673"></script>
+    <link href="../../css/fontawesome-all.min.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694640597" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694640597" rel="stylesheet">
+    <link href="../../css/fonts.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694640597" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694640597" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694640597" rel="stylesheet">
+    <link href="../../css/print.css?1694640597" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1694640597" rel="stylesheet">
+    <script src="../../js/url.js?1694640597"></script>
+    <script src="../../js/variant.js?1694640597"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -52,51 +52,23 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../shortcodes/include/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <a href="../../shortcodes/math/index.html" title="Math (🡒)">
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../shortcodes/icon/index.html" title="Icon (🡐)">
-                <i class="fa-fw fas fa-chevron-left"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-print">
-              <a href="../../shortcodes/include/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
-                <i class="fa-fw fas fa-print"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-edit">
-              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/include.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
-                <i class="fa-fw fas fa-pen"></i>
-              </a>
-            </div>
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
+            <div id="sidebar-overlay"></div>
             <div class="topbar-button topbar-toc">
               <button onclick="showToc()" type="button" title="Table of Contents (CTRL&#43;ALT&#43;t)">
                 <i class="fa-fw fas fa-list-alt"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../shortcodes/index.html"><span itemprop="name">Shortcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Include</span><meta itemprop="position" content="3"></li>
-            </ol>
-          </div>
-          <div class="default-animation progress">
-            <div class="toc-wrapper">
+            <div class="default-animation progress">
+              <div class="toc-wrapper">
 <nav id="TableOfContents">
   <ul>
     <li><a href="#usage">Usage</a>
@@ -111,6 +83,35 @@
     </li>
   </ul>
 </nav>
+              </div>
+            </div>
+            <div id="toc-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../shortcodes/index.html"><span itemprop="name">Shortcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Include</span><meta itemprop="position" content="3"></li>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-edit">
+              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/include.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+                <i class="fa-fw fas fa-pen"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-print">
+              <a href="../../shortcodes/include/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
+                <i class="fa-fw fas fa-print"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-prev">
+              <a href="../../shortcodes/icon/index.html" title="Icon (🡐)">
+                <i class="fa-fw fas fa-chevron-left"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-next">
+              <a href="../../shortcodes/math/index.html" title="Math (🡒)">
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </a>
             </div>
           </div>
         </div>
@@ -321,12 +322,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1694553674" defer></script>
-        <script src="../../js/search.js?1694553674" defer></script>
+        <script src="../../js/auto-complete.js?1694640597" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1694640597" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694640597" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1694640597" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1694640597" defer></script>
+        <script src="../../js/search.js?1694640597" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -457,8 +458,12 @@
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -466,27 +471,25 @@
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1694553674"></script>
+          <script async src="../../js/github-buttons.js?1694640597"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1694553674" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1694553674" defer></script>
-    <script src="../../js/theme.js?1694553674" defer></script>
+    <script src="../../js/clipboard.min.js?1694640597" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694640597" defer></script>
+    <script src="../../js/theme.js?1694640597" defer></script>
   </body>
 </html>
diff --git a/shortcodes/include/index.print.html b/shortcodes/include/index.print.html
index 98de7556b2..63c744d9ca 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1694553675" rel="stylesheet">
-    <link href="../../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../../js/url.js?1694553675"></script>
-    <script src="../../js/variant.js?1694553675"></script>
+    <link href="../../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1694640598" rel="stylesheet">
+    <link href="../../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../../js/url.js?1694640598"></script>
+    <script src="../../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -53,23 +53,23 @@
   </head>
   <body class="mobile-support print disableInlineCopyToClipboard" data-url="../../shortcodes/include/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../shortcodes/index.html"><span itemprop="name">Shortcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Include</span><meta itemprop="position" content="3"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
           </div>
         </div>
       </nav>
@@ -201,8 +201,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1694553675" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1694553675" defer></script>
-    <script src="../../js/theme.js?1694553675" defer></script>
+    <script src="../../js/clipboard.min.js?1694640598" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694640598" defer></script>
+    <script src="../../js/theme.js?1694640598" defer></script>
   </body>
 </html>
diff --git a/shortcodes/include_me/index.html b/shortcodes/include_me/index.html
index a91718b0bf..73df45b1aa 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1694553673" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1694553673" rel="stylesheet">
-    <link href="../../css/fonts.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1694553673" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1694553673" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1694553673" rel="stylesheet">
-    <link href="../../css/print.css?1694553673" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1694553673" rel="stylesheet">
-    <script src="../../js/url.js?1694553673"></script>
-    <script src="../../js/variant.js?1694553673"></script>
+    <link href="../../css/fontawesome-all.min.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694640597" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694640597" rel="stylesheet">
+    <link href="../../css/fonts.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694640597" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694640597" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694640597" rel="stylesheet">
+    <link href="../../css/print.css?1694640597" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1694640597" rel="stylesheet">
+    <script src="../../js/url.js?1694640597"></script>
+    <script src="../../js/variant.js?1694640597"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -48,19 +48,26 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../shortcodes/include_me/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <a href="../../shortcodes/attachments/index.html" title="Attachments (🡒)">
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </a>
+          <div class="topbar-sidebar-divider"></div>
+          <div class="topbar-left">
+            <div class="topbar-button topbar-sidebar">
+              <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
+                <i class="fa-fw fas fa-bars"></i>
+              </button>
             </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../shortcodes/index.html" title="Shortcodes (🡐)">
-                <i class="fa-fw fas fa-chevron-left"></i>
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../shortcodes/index.html"><span itemprop="name">Shortcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Hugo Relearn Theme</span><meta itemprop="position" content="3"></li>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-edit">
+              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/INCLUDE_ME.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+                <i class="fa-fw fas fa-pen"></i>
               </a>
             </div>
             <div class="topbar-button topbar-print">
@@ -68,23 +75,16 @@
                 <i class="fa-fw fas fa-print"></i>
               </a>
             </div>
-            <div class="topbar-button topbar-edit">
-              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/INCLUDE_ME.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
-                <i class="fa-fw fas fa-pen"></i>
+            <div class="topbar-button topbar-prev">
+              <a href="../../shortcodes/index.html" title="Shortcodes (🡐)">
+                <i class="fa-fw fas fa-chevron-left"></i>
               </a>
             </div>
-          </div>
-          <div class="topbar-left">
-            <div class="topbar-button topbar-sidebar">
-              <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
-                <i class="fa-fw fas fa-bars"></i>
-              </button>
+            <div class="topbar-button topbar-next">
+              <a href="../../shortcodes/attachments/index.html" title="Attachments (🡒)">
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </a>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../shortcodes/index.html"><span itemprop="name">Shortcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Hugo Relearn Theme</span><meta itemprop="position" content="3"></li>
-            </ol>
           </div>
         </div>
       </nav>
@@ -201,12 +201,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1694553674" defer></script>
-        <script src="../../js/search.js?1694553674" defer></script>
+        <script src="../../js/auto-complete.js?1694640597" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1694640597" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694640597" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1694640597" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1694640597" defer></script>
+        <script src="../../js/search.js?1694640597" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -337,8 +337,12 @@
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -346,27 +350,25 @@
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1694553674"></script>
+          <script async src="../../js/github-buttons.js?1694640597"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1694553674" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1694553674" defer></script>
-    <script src="../../js/theme.js?1694553674" defer></script>
+    <script src="../../js/clipboard.min.js?1694640597" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694640597" defer></script>
+    <script src="../../js/theme.js?1694640597" defer></script>
   </body>
 </html>
diff --git a/shortcodes/include_me/index.print.html b/shortcodes/include_me/index.print.html
index 0c66cb994d..5b9138a426 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1694553675" rel="stylesheet">
-    <link href="../../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../../js/url.js?1694553675"></script>
-    <script src="../../js/variant.js?1694553675"></script>
+    <link href="../../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1694640598" rel="stylesheet">
+    <link href="../../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../../js/url.js?1694640598"></script>
+    <script src="../../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -49,23 +49,23 @@
   </head>
   <body class="mobile-support print disableInlineCopyToClipboard" data-url="../../shortcodes/include_me/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../shortcodes/index.html"><span itemprop="name">Shortcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Hugo Relearn Theme</span><meta itemprop="position" content="3"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
           </div>
         </div>
       </nav>
@@ -104,8 +104,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1694553675" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1694553675" defer></script>
-    <script src="../../js/theme.js?1694553675" defer></script>
+    <script src="../../js/clipboard.min.js?1694640598" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694640598" defer></script>
+    <script src="../../js/theme.js?1694640598" defer></script>
   </body>
 </html>
diff --git a/shortcodes/index.html b/shortcodes/index.html
index 7e3b0a87aa..045f01e949 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1694553673" rel="stylesheet">
-    <link href="../css/auto-complete.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1694553673" rel="stylesheet">
-    <link href="../css/fonts.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1694553673" rel="stylesheet">
-    <link href="../css/theme-auto.css?1694553673" rel="stylesheet" id="variant-style">
-    <link href="../css/variant.css?1694553673" rel="stylesheet">
-    <link href="../css/print.css?1694553673" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1694553673" rel="stylesheet">
-    <script src="../js/url.js?1694553673"></script>
-    <script src="../js/variant.js?1694553673"></script>
+    <link href="../css/fontawesome-all.min.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1694640597" rel="stylesheet">
+    <link href="../css/auto-complete.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1694640597" rel="stylesheet">
+    <link href="../css/fonts.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1694640597" rel="stylesheet">
+    <link href="../css/theme-auto.css?1694640597" rel="stylesheet" id="variant-style">
+    <link href="../css/variant.css?1694640597" rel="stylesheet">
+    <link href="../css/print.css?1694640597" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1694640597" rel="stylesheet">
+    <script src="../js/url.js?1694640597"></script>
+    <script src="../js/variant.js?1694640597"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -52,19 +52,25 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../shortcodes/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <a href="../shortcodes/attachments/index.html" title="Attachments (🡒)">
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </a>
+          <div class="topbar-sidebar-divider"></div>
+          <div class="topbar-left">
+            <div class="topbar-button topbar-sidebar">
+              <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
+                <i class="fa-fw fas fa-bars"></i>
+              </button>
             </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../cont/taxonomy/index.html" title="Taxonomy (🡐)">
-                <i class="fa-fw fas fa-chevron-left"></i>
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Shortcodes</span><meta itemprop="position" content="2"></li>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-edit">
+              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/_index.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+                <i class="fa-fw fas fa-pen"></i>
               </a>
             </div>
             <div class="topbar-button topbar-print">
@@ -72,22 +78,16 @@
                 <i class="fa-fw fas fa-print"></i>
               </a>
             </div>
-            <div class="topbar-button topbar-edit">
-              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/_index.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
-                <i class="fa-fw fas fa-pen"></i>
+            <div class="topbar-button topbar-prev">
+              <a href="../cont/taxonomy/index.html" title="Taxonomy (🡐)">
+                <i class="fa-fw fas fa-chevron-left"></i>
               </a>
             </div>
-          </div>
-          <div class="topbar-left">
-            <div class="topbar-button topbar-sidebar">
-              <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
-                <i class="fa-fw fas fa-bars"></i>
-              </button>
+            <div class="topbar-button topbar-next">
+              <a href="../shortcodes/attachments/index.html" title="Attachments (🡒)">
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </a>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Shortcodes</span><meta itemprop="position" content="2"></li>
-            </ol>
           </div>
         </div>
       </nav>
@@ -209,12 +209,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1694553674" defer></script>
-        <script src="../js/lunr/lunr.min.js?1694553674" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1694553674" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1694553674" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1694553674" defer></script>
-        <script src="../js/search.js?1694553674" defer></script>
+        <script src="../js/auto-complete.js?1694640598" defer></script>
+        <script src="../js/lunr/lunr.min.js?1694640598" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1694640598" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1694640598" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1694640598" defer></script>
+        <script src="../js/search.js?1694640598" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -345,8 +345,12 @@
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -354,27 +358,25 @@
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../js/github-buttons.js?1694553674"></script>
+          <script async src="../js/github-buttons.js?1694640598"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1694553674" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1694553674" defer></script>
-    <script src="../js/theme.js?1694553674" defer></script>
+    <script src="../js/clipboard.min.js?1694640598" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1694640598" defer></script>
+    <script src="../js/theme.js?1694640598" defer></script>
   </body>
 </html>
diff --git a/shortcodes/index.print.html b/shortcodes/index.print.html
index 88d1662ddf..843dcaa2af 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../css/format-print.css?1694553675" rel="stylesheet">
-    <link href="../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../js/url.js?1694553675"></script>
-    <script src="../js/variant.js?1694553675"></script>
+    <link href="../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../css/format-print.css?1694640598" rel="stylesheet">
+    <link href="../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../js/url.js?1694640598"></script>
+    <script src="../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -53,22 +53,22 @@
   </head>
   <body class="mobile-support print disableInlineCopyToClipboard" data-url="../shortcodes/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Shortcodes</span><meta itemprop="position" content="2"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
           </div>
         </div>
       </nav>
@@ -1331,13 +1331,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-d76ebdd4658a7fed2dde0723408d122a" aria-controls="expandcontent-d76ebdd4658a7fed2dde0723408d122a" >
-    <label class="expand-label" for="expand-d76ebdd4658a7fed2dde0723408d122a" >
+    <input type="checkbox" id="expand-f6bffa990b5f662b81666956f038bc62" aria-controls="expandcontent-f6bffa990b5f662b81666956f038bc62" >
+    <label class="expand-label" for="expand-f6bffa990b5f662b81666956f038bc62" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-d76ebdd4658a7fed2dde0723408d122a" class="expand-content">
+    <div id="expandcontent-f6bffa990b5f662b81666956f038bc62" 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>
@@ -1464,26 +1464,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-b6540157d358ee5b89e9f568c567cef6" aria-controls="expandcontent-b6540157d358ee5b89e9f568c567cef6" >
-    <label class="expand-label" for="expand-b6540157d358ee5b89e9f568c567cef6" >
+    <input type="checkbox" id="expand-1d3324bd122ec6f8856e8a7c0926c733" aria-controls="expandcontent-1d3324bd122ec6f8856e8a7c0926c733" >
+    <label class="expand-label" for="expand-1d3324bd122ec6f8856e8a7c0926c733" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-b6540157d358ee5b89e9f568c567cef6" class="expand-content">
+    <div id="expandcontent-1d3324bd122ec6f8856e8a7c0926c733" 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-4536f660a2a09161cc060e6a3a978af9" aria-controls="expandcontent-4536f660a2a09161cc060e6a3a978af9"  checked>
-    <label class="expand-label" for="expand-4536f660a2a09161cc060e6a3a978af9" >
+    <input type="checkbox" id="expand-db0091ed449f7647e85d416149643e45" aria-controls="expandcontent-db0091ed449f7647e85d416149643e45"  checked>
+    <label class="expand-label" for="expand-db0091ed449f7647e85d416149643e45" >
         <i class="fas fa-chevron-down"></i>
         <i class="fas fa-chevron-right"></i>
         Expand me&hellip;
     </label>
-    <div id="expandcontent-4536f660a2a09161cc060e6a3a978af9" class="expand-content">
+    <div id="expandcontent-db0091ed449f7647e85d416149643e45" class="expand-content">
 <p>
 No need to press you!</div>
 </div>
@@ -1504,13 +1504,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-fb48b3acab4b74a820bc812e73a6699a" aria-controls="expandcontent-fb48b3acab4b74a820bc812e73a6699a" >
-    <label class="expand-label" for="expand-fb48b3acab4b74a820bc812e73a6699a" >
+    <input type="checkbox" id="expand-6e970d2df6a22a451bb12a69015d0750" aria-controls="expandcontent-6e970d2df6a22a451bb12a69015d0750" >
+    <label class="expand-label" for="expand-6e970d2df6a22a451bb12a69015d0750" >
         <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-fb48b3acab4b74a820bc812e73a6699a" class="expand-content">
+    <div id="expandcontent-6e970d2df6a22a451bb12a69015d0750" class="expand-content">
 
 <p>You can add standard markdown syntax:</p>
 <ul>
@@ -1539,13 +1539,13 @@ No need to press you!</div>
 <p>The <code>highlight</code> shortcode renders your code with a syntax highlighter.</p>
 
   
-<div class="tab-panel" data-tab-group="630091bdc6853eae30138716d9a66dec">
+<div class="tab-panel" data-tab-group="9e2b003661d55d87789205809dc964e2">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="python"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('630091bdc6853eae30138716d9a66dec','python')"
+      onclick="switchTab('9e2b003661d55d87789205809dc964e2','python')"
     >
       <div>
         <div class="tab-nav-hidden">python</div>
@@ -1768,13 +1768,13 @@ No need to press you!</div>
 </span></span></span><span class="line"><span class="cl"><span class="gh"></span>print(&#34;Hello World!&#34;)
 </span></span><span class="line"><span class="cl">```</span></span></code></pre></div>
   
-<div class="tab-panel" data-tab-group="09ee6023af3c4be83131c2bf114bc1f1">
+<div class="tab-panel" data-tab-group="76b381033f5bfc995fd7caefa0101e54">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="python"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('09ee6023af3c4be83131c2bf114bc1f1','python')"
+      onclick="switchTab('76b381033f5bfc995fd7caefa0101e54','python')"
     >
       <div>
         <div class="tab-nav-hidden">python</div>
@@ -3313,7 +3313,7 @@ Electricity grid,H2 conversion,27.14
 <div class="sc-openapi-wrapper is-loading helper-loading-container">
   <div
     class="sc-openapi-container"
-    id="openapi-51e3b47b651c1c171fc64b4534dfa1c7"
+    id="openapi-f27f5a5e506e09f0546a87d07b912a3b"
     openapi-url="../shortcodes/openapi/petstore.json"
   ></div>
 </div>
@@ -3419,13 +3419,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="f81a6c2473ad6e44f0121fe51b824c5c">
+<div class="tab-panel" data-tab-group="a5bd706429354cd7155f5990426cfdf4">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="configtoml"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('f81a6c2473ad6e44f0121fe51b824c5c','configtoml')"
+      onclick="switchTab('a5bd706429354cd7155f5990426cfdf4','configtoml')"
     >
       <div>
         <div class="tab-nav-hidden">config.toml</div>
@@ -3461,13 +3461,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="6c4590adb01ccb6cf73766d6eb5df1e7">
+<div class="tab-panel" data-tab-group="611ba43b0b30fb2dc39efcbc34644d44">
   <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('6c4590adb01ccb6cf73766d6eb5df1e7','c')"
+      onclick="switchTab('611ba43b0b30fb2dc39efcbc34644d44','c')"
     >
       <div>
         <div class="tab-nav-hidden">c</div>
@@ -3581,13 +3581,13 @@ Electricity grid,H2 conversion,27.14
 </span></span></span><span class="line"><span class="cl"><span class="s">printf(&#34;Hello World!&#34;);
 </span></span></span><span class="line"><span class="cl"><span class="s">```</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="62284783afc3581cf918c084188a7d55">
+<div class="tab-panel" data-tab-group="d1ff53cdacba79275e0432098b7999fd">
   <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('62284783afc3581cf918c084188a7d55','code')"
+      onclick="switchTab('d1ff53cdacba79275e0432098b7999fd','code')"
     >
       <div>
         <div class="tab-nav-hidden">Code</div>
@@ -3612,13 +3612,13 @@ Electricity grid,H2 conversion,27.14
 </span></span></span><span class="line"><span class="cl"><span class="s">printf(&#34;Hello World!&#34;);
 </span></span></span><span class="line"><span class="cl"><span class="s">```</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="14466c1fe1fc765ac73139fdba5615ad">
+<div class="tab-panel" data-tab-group="0ee1dba1f80758788a3af78cb92b7652">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="emstrongmixedstrongem"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('14466c1fe1fc765ac73139fdba5615ad','emstrongmixedstrongem')"
+      onclick="switchTab('0ee1dba1f80758788a3af78cb92b7652','emstrongmixedstrongem')"
     >
       <div>
         <div class="tab-nav-hidden"><em><strong>Mixed</strong></em></div>
@@ -3666,13 +3666,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="5fd2bf719a7eeb53f790b5eca6dc6e7f">
+<div class="tab-panel" data-tab-group="c1971fdd980f3c0e217d8095af158276">
   <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('5fd2bf719a7eeb53f790b5eca6dc6e7f','just-colored-style')"
+      onclick="switchTab('c1971fdd980f3c0e217d8095af158276','just-colored-style')"
     >
       <div>
         <div class="tab-nav-hidden">just colored style</div>
@@ -3682,7 +3682,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('5fd2bf719a7eeb53f790b5eca6dc6e7f','just-color')"
+      onclick="switchTab('c1971fdd980f3c0e217d8095af158276','just-color')"
     >
       <div>
         <div class="tab-nav-hidden">just color</div>
@@ -3692,7 +3692,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('5fd2bf719a7eeb53f790b5eca6dc6e7f','default-style-and-color')"
+      onclick="switchTab('c1971fdd980f3c0e217d8095af158276','default-style-and-color')"
     >
       <div>
         <div class="tab-nav-hidden">default style and color</div>
@@ -3702,7 +3702,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('5fd2bf719a7eeb53f790b5eca6dc6e7f','just-severity-stylefa-fw-fas-fa-info-circle')"
+      onclick="switchTab('c1971fdd980f3c0e217d8095af158276','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>
@@ -3712,7 +3712,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('5fd2bf719a7eeb53f790b5eca6dc6e7f','severity-style-and-colorfa-fw-fas-fa-info-circle')"
+      onclick="switchTab('c1971fdd980f3c0e217d8095af158276','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>
@@ -3783,13 +3783,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="403b535cd8b54a49d9764dfc0110dab2">
+<div class="tab-panel" data-tab-group="eec3394586535d7b4838457dba843111">
   <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('403b535cd8b54a49d9764dfc0110dab2','py')"
+      onclick="switchTab('eec3394586535d7b4838457dba843111','py')"
     >
       <div>
         <div class="tab-nav-hidden">py</div>
@@ -3799,7 +3799,7 @@ Electricity grid,H2 conversion,27.14
     <button
       data-tab-item="sh"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('403b535cd8b54a49d9764dfc0110dab2','sh')"
+      onclick="switchTab('eec3394586535d7b4838457dba843111','sh')"
     >
       <div>
         <div class="tab-nav-hidden">sh</div>
@@ -3809,7 +3809,7 @@ Electricity grid,H2 conversion,27.14
     <button
       data-tab-item="c"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('403b535cd8b54a49d9764dfc0110dab2','c')"
+      onclick="switchTab('eec3394586535d7b4838457dba843111','c')"
     >
       <div>
         <div class="tab-nav-hidden">c</div>
@@ -3966,13 +3966,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="93259d1a69e9319c6f6c9cf2d6ee7485">
+<div class="tab-panel" data-tab-group="c518499c51f782d1fdabfe77290e0834">
   <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('93259d1a69e9319c6f6c9cf2d6ee7485','group-a-tab-view-1')"
+      onclick="switchTab('c518499c51f782d1fdabfe77290e0834','group-a-tab-view-1')"
     >
       <div>
         <div class="tab-nav-hidden">Group A, Tab View 1</div>
@@ -3982,7 +3982,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('93259d1a69e9319c6f6c9cf2d6ee7485','group-a-tab-view-2')"
+      onclick="switchTab('c518499c51f782d1fdabfe77290e0834','group-a-tab-view-2')"
     >
       <div>
         <div class="tab-nav-hidden">Group A, Tab View 2</div>
@@ -3992,7 +3992,7 @@ Electricity grid,H2 conversion,27.14
     <button
       data-tab-item="group-b"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('93259d1a69e9319c6f6c9cf2d6ee7485','group-b')"
+      onclick="switchTab('c518499c51f782d1fdabfe77290e0834','group-b')"
     >
       <div>
         <div class="tab-nav-hidden">Group B</div>
@@ -4391,8 +4391,8 @@ Electricity grid,H2 conversion,27.14
         </div>
       </main>
     </div>
-    <script src="../js/clipboard.min.js?1694553675" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1694553675" defer></script>
+    <script src="../js/clipboard.min.js?1694640598" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1694640598" defer></script>
     <script>
       function useMathJax( config ){
         if( !Object.assign ){
@@ -4421,27 +4421,27 @@ Electricity grid,H2 conversion,27.14
       }
       useMathJax( JSON.parse("{}") );
     </script>
-    <script id="MathJax-script" async src="../js/mathjax/tex-mml-chtml.js?1694553675"></script>
-    <script src="../js/d3/d3-color.min.js?1694553675" defer></script>
-    <script src="../js/d3/d3-dispatch.min.js?1694553675" defer></script>
-    <script src="../js/d3/d3-drag.min.js?1694553675" defer></script>
-    <script src="../js/d3/d3-ease.min.js?1694553675" defer></script>
-    <script src="../js/d3/d3-interpolate.min.js?1694553675" defer></script>
-    <script src="../js/d3/d3-selection.min.js?1694553675" defer></script>
-    <script src="../js/d3/d3-timer.min.js?1694553675" defer></script>
-    <script src="../js/d3/d3-transition.min.js?1694553675" defer></script>
-    <script src="../js/d3/d3-zoom.min.js?1694553675" defer></script>
-    <script src="../js/js-yaml.min.js?1694553675" defer></script>
-    <script src="../js/mermaid.min.js?1694553675" defer></script>
+    <script id="MathJax-script" async src="../js/mathjax/tex-mml-chtml.js?1694640598"></script>
+    <script src="../js/d3/d3-color.min.js?1694640598" defer></script>
+    <script src="../js/d3/d3-dispatch.min.js?1694640598" defer></script>
+    <script src="../js/d3/d3-drag.min.js?1694640598" defer></script>
+    <script src="../js/d3/d3-ease.min.js?1694640598" defer></script>
+    <script src="../js/d3/d3-interpolate.min.js?1694640598" defer></script>
+    <script src="../js/d3/d3-selection.min.js?1694640598" defer></script>
+    <script src="../js/d3/d3-timer.min.js?1694640598" defer></script>
+    <script src="../js/d3/d3-transition.min.js?1694640598" defer></script>
+    <script src="../js/d3/d3-zoom.min.js?1694640598" defer></script>
+    <script src="../js/js-yaml.min.js?1694640598" defer></script>
+    <script src="../js/mermaid.min.js?1694640598" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
     <script>window.noZensmooth = true;</script>
-    <script src="../js/swagger-ui/swagger-ui-bundle.js?1694553675" defer></script>
-    <script src="../js/swagger-ui/swagger-ui-standalone-preset.js?1694553675" defer></script>
+    <script src="../js/swagger-ui/swagger-ui-bundle.js?1694640598" defer></script>
+    <script src="../js/swagger-ui/swagger-ui-standalone-preset.js?1694640598" defer></script>
     <script>
-      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1694553675", assetsBuster:  1694553675  };
+      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1694640598", assetsBuster:  1694640598  };
     </script>
-    <script src="../js/theme.js?1694553675" defer></script>
+    <script src="../js/theme.js?1694640598" defer></script>
   </body>
 </html>
diff --git a/shortcodes/math/index.html b/shortcodes/math/index.html
index 31c75cdf6e..8f01dc2d73 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1694553673" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1694553673" rel="stylesheet">
-    <link href="../../css/fonts.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1694553673" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1694553673" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1694553673" rel="stylesheet">
-    <link href="../../css/print.css?1694553673" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1694553673" rel="stylesheet">
-    <script src="../../js/url.js?1694553673"></script>
-    <script src="../../js/variant.js?1694553673"></script>
+    <link href="../../css/fontawesome-all.min.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694640597" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694640597" rel="stylesheet">
+    <link href="../../css/fonts.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694640597" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694640597" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694640597" rel="stylesheet">
+    <link href="../../css/print.css?1694640597" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1694640597" rel="stylesheet">
+    <script src="../../js/url.js?1694640597"></script>
+    <script src="../../js/variant.js?1694640597"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -52,51 +52,23 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../shortcodes/math/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <a href="../../shortcodes/mermaid/index.html" title="Mermaid (🡒)">
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../shortcodes/include/index.html" title="Include (🡐)">
-                <i class="fa-fw fas fa-chevron-left"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-print">
-              <a href="../../shortcodes/math/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
-                <i class="fa-fw fas fa-print"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-edit">
-              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/math.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
-                <i class="fa-fw fas fa-pen"></i>
-              </a>
-            </div>
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
+            <div id="sidebar-overlay"></div>
             <div class="topbar-button topbar-toc">
               <button onclick="showToc()" type="button" title="Table of Contents (CTRL&#43;ALT&#43;t)">
                 <i class="fa-fw fas fa-list-alt"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../shortcodes/index.html"><span itemprop="name">Shortcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Math</span><meta itemprop="position" content="3"></li>
-            </ol>
-          </div>
-          <div class="default-animation progress">
-            <div class="toc-wrapper">
+            <div class="default-animation progress">
+              <div class="toc-wrapper">
 <nav id="TableOfContents">
   <ul>
     <li><a href="#usage">Usage</a>
@@ -120,6 +92,35 @@
     </li>
   </ul>
 </nav>
+              </div>
+            </div>
+            <div id="toc-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../shortcodes/index.html"><span itemprop="name">Shortcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Math</span><meta itemprop="position" content="3"></li>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-edit">
+              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/math.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+                <i class="fa-fw fas fa-pen"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-print">
+              <a href="../../shortcodes/math/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
+                <i class="fa-fw fas fa-print"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-prev">
+              <a href="../../shortcodes/include/index.html" title="Include (🡐)">
+                <i class="fa-fw fas fa-chevron-left"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-next">
+              <a href="../../shortcodes/mermaid/index.html" title="Mermaid (🡒)">
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </a>
             </div>
           </div>
         </div>
@@ -381,12 +382,12 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1694553674" defer></script>
-        <script src="../../js/search.js?1694553674" defer></script>
+        <script src="../../js/auto-complete.js?1694640597" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1694640597" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694640597" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1694640597" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1694640597" defer></script>
+        <script src="../../js/search.js?1694640597" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -517,8 +518,12 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -526,27 +531,25 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1694553674"></script>
+          <script async src="../../js/github-buttons.js?1694640597"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1694553674" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1694553674" defer></script>
+    <script src="../../js/clipboard.min.js?1694640597" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694640597" defer></script>
     <script>
       function useMathJax( config ){
         if( !Object.assign ){
@@ -575,7 +578,7 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
       }
       useMathJax( JSON.parse("{}") );
     </script>
-    <script id="MathJax-script" async src="../../js/mathjax/tex-mml-chtml.js?1694553674"></script>
-    <script src="../../js/theme.js?1694553674" defer></script>
+    <script id="MathJax-script" async src="../../js/mathjax/tex-mml-chtml.js?1694640597"></script>
+    <script src="../../js/theme.js?1694640597" defer></script>
   </body>
 </html>
diff --git a/shortcodes/math/index.print.html b/shortcodes/math/index.print.html
index c606429ed7..ecacddcad9 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1694553675" rel="stylesheet">
-    <link href="../../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../../js/url.js?1694553675"></script>
-    <script src="../../js/variant.js?1694553675"></script>
+    <link href="../../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1694640598" rel="stylesheet">
+    <link href="../../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../../js/url.js?1694640598"></script>
+    <script src="../../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -53,23 +53,23 @@
   </head>
   <body class="mobile-support print disableInlineCopyToClipboard" data-url="../../shortcodes/math/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../shortcodes/index.html"><span itemprop="name">Shortcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Math</span><meta itemprop="position" content="3"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
           </div>
         </div>
       </nav>
@@ -252,8 +252,8 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1694553675" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1694553675" defer></script>
+    <script src="../../js/clipboard.min.js?1694640598" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694640598" defer></script>
     <script>
       function useMathJax( config ){
         if( !Object.assign ){
@@ -282,7 +282,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?1694553675"></script>
-    <script src="../../js/theme.js?1694553675" defer></script>
+    <script id="MathJax-script" async src="../../js/mathjax/tex-mml-chtml.js?1694640598"></script>
+    <script src="../../js/theme.js?1694640598" defer></script>
   </body>
 </html>
diff --git a/shortcodes/mermaid/index.html b/shortcodes/mermaid/index.html
index dcca48f1e8..959b235a4c 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1694553673" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1694553673" rel="stylesheet">
-    <link href="../../css/fonts.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1694553673" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1694553673" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1694553673" rel="stylesheet">
-    <link href="../../css/print.css?1694553673" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1694553673" rel="stylesheet">
-    <script src="../../js/url.js?1694553673"></script>
-    <script src="../../js/variant.js?1694553673"></script>
+    <link href="../../css/fontawesome-all.min.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694640597" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694640597" rel="stylesheet">
+    <link href="../../css/fonts.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694640597" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694640597" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694640597" rel="stylesheet">
+    <link href="../../css/print.css?1694640597" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1694640597" rel="stylesheet">
+    <script src="../../js/url.js?1694640597"></script>
+    <script src="../../js/variant.js?1694640597"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -52,51 +52,23 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../shortcodes/mermaid/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <a href="../../shortcodes/notice/index.html" title="Notice (🡒)">
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../shortcodes/math/index.html" title="Math (🡐)">
-                <i class="fa-fw fas fa-chevron-left"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-print">
-              <a href="../../shortcodes/mermaid/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
-                <i class="fa-fw fas fa-print"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-edit">
-              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/mermaid.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
-                <i class="fa-fw fas fa-pen"></i>
-              </a>
-            </div>
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
+            <div id="sidebar-overlay"></div>
             <div class="topbar-button topbar-toc">
               <button onclick="showToc()" type="button" title="Table of Contents (CTRL&#43;ALT&#43;t)">
                 <i class="fa-fw fas fa-list-alt"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../shortcodes/index.html"><span itemprop="name">Shortcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Mermaid</span><meta itemprop="position" content="3"></li>
-            </ol>
-          </div>
-          <div class="default-animation progress">
-            <div class="toc-wrapper">
+            <div class="default-animation progress">
+              <div class="toc-wrapper">
 <nav id="TableOfContents">
   <ul>
     <li><a href="#usage">Usage</a>
@@ -131,6 +103,35 @@
     </li>
   </ul>
 </nav>
+              </div>
+            </div>
+            <div id="toc-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../shortcodes/index.html"><span itemprop="name">Shortcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Mermaid</span><meta itemprop="position" content="3"></li>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-edit">
+              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/mermaid.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+                <i class="fa-fw fas fa-pen"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-print">
+              <a href="../../shortcodes/mermaid/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
+                <i class="fa-fw fas fa-print"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-prev">
+              <a href="../../shortcodes/math/index.html" title="Math (🡐)">
+                <i class="fa-fw fas fa-chevron-left"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-next">
+              <a href="../../shortcodes/notice/index.html" title="Notice (🡒)">
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </a>
             </div>
           </div>
         </div>
@@ -847,12 +848,12 @@ Electricity grid,H2 conversion,27.14
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1694553674" defer></script>
-        <script src="../../js/search.js?1694553674" defer></script>
+        <script src="../../js/auto-complete.js?1694640597" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1694640597" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694640597" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1694640597" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1694640597" defer></script>
+        <script src="../../js/search.js?1694640597" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -983,8 +984,12 @@ Electricity grid,H2 conversion,27.14
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -992,41 +997,39 @@ Electricity grid,H2 conversion,27.14
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1694553674"></script>
+          <script async src="../../js/github-buttons.js?1694640597"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1694553674" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1694553674" defer></script>
-    <script src="../../js/d3/d3-color.min.js?1694553674" defer></script>
-    <script src="../../js/d3/d3-dispatch.min.js?1694553674" defer></script>
-    <script src="../../js/d3/d3-drag.min.js?1694553674" defer></script>
-    <script src="../../js/d3/d3-ease.min.js?1694553674" defer></script>
-    <script src="../../js/d3/d3-interpolate.min.js?1694553674" defer></script>
-    <script src="../../js/d3/d3-selection.min.js?1694553674" defer></script>
-    <script src="../../js/d3/d3-timer.min.js?1694553674" defer></script>
-    <script src="../../js/d3/d3-transition.min.js?1694553674" defer></script>
-    <script src="../../js/d3/d3-zoom.min.js?1694553674" defer></script>
-    <script src="../../js/js-yaml.min.js?1694553674" defer></script>
-    <script src="../../js/mermaid.min.js?1694553674" defer></script>
+    <script src="../../js/clipboard.min.js?1694640597" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694640597" defer></script>
+    <script src="../../js/d3/d3-color.min.js?1694640597" defer></script>
+    <script src="../../js/d3/d3-dispatch.min.js?1694640597" defer></script>
+    <script src="../../js/d3/d3-drag.min.js?1694640597" defer></script>
+    <script src="../../js/d3/d3-ease.min.js?1694640597" defer></script>
+    <script src="../../js/d3/d3-interpolate.min.js?1694640597" defer></script>
+    <script src="../../js/d3/d3-selection.min.js?1694640597" defer></script>
+    <script src="../../js/d3/d3-timer.min.js?1694640597" defer></script>
+    <script src="../../js/d3/d3-transition.min.js?1694640597" defer></script>
+    <script src="../../js/d3/d3-zoom.min.js?1694640597" defer></script>
+    <script src="../../js/js-yaml.min.js?1694640597" defer></script>
+    <script src="../../js/mermaid.min.js?1694640597" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../../js/theme.js?1694553674" defer></script>
+    <script src="../../js/theme.js?1694640597" defer></script>
   </body>
 </html>
diff --git a/shortcodes/mermaid/index.print.html b/shortcodes/mermaid/index.print.html
index e371ed1f4b..abcd6f492e 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1694553675" rel="stylesheet">
-    <link href="../../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../../js/url.js?1694553675"></script>
-    <script src="../../js/variant.js?1694553675"></script>
+    <link href="../../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1694640598" rel="stylesheet">
+    <link href="../../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../../js/url.js?1694640598"></script>
+    <script src="../../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -53,23 +53,23 @@
   </head>
   <body class="mobile-support print disableInlineCopyToClipboard" data-url="../../shortcodes/mermaid/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../shortcodes/index.html"><span itemprop="name">Shortcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Mermaid</span><meta itemprop="position" content="3"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
           </div>
         </div>
       </nav>
@@ -707,22 +707,22 @@ Electricity grid,H2 conversion,27.14
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1694553675" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1694553675" defer></script>
-    <script src="../../js/d3/d3-color.min.js?1694553675" defer></script>
-    <script src="../../js/d3/d3-dispatch.min.js?1694553675" defer></script>
-    <script src="../../js/d3/d3-drag.min.js?1694553675" defer></script>
-    <script src="../../js/d3/d3-ease.min.js?1694553675" defer></script>
-    <script src="../../js/d3/d3-interpolate.min.js?1694553675" defer></script>
-    <script src="../../js/d3/d3-selection.min.js?1694553675" defer></script>
-    <script src="../../js/d3/d3-timer.min.js?1694553675" defer></script>
-    <script src="../../js/d3/d3-transition.min.js?1694553675" defer></script>
-    <script src="../../js/d3/d3-zoom.min.js?1694553675" defer></script>
-    <script src="../../js/js-yaml.min.js?1694553675" defer></script>
-    <script src="../../js/mermaid.min.js?1694553675" defer></script>
+    <script src="../../js/clipboard.min.js?1694640598" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694640598" defer></script>
+    <script src="../../js/d3/d3-color.min.js?1694640598" defer></script>
+    <script src="../../js/d3/d3-dispatch.min.js?1694640598" defer></script>
+    <script src="../../js/d3/d3-drag.min.js?1694640598" defer></script>
+    <script src="../../js/d3/d3-ease.min.js?1694640598" defer></script>
+    <script src="../../js/d3/d3-interpolate.min.js?1694640598" defer></script>
+    <script src="../../js/d3/d3-selection.min.js?1694640598" defer></script>
+    <script src="../../js/d3/d3-timer.min.js?1694640598" defer></script>
+    <script src="../../js/d3/d3-transition.min.js?1694640598" defer></script>
+    <script src="../../js/d3/d3-zoom.min.js?1694640598" defer></script>
+    <script src="../../js/js-yaml.min.js?1694640598" defer></script>
+    <script src="../../js/mermaid.min.js?1694640598" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../../js/theme.js?1694553675" defer></script>
+    <script src="../../js/theme.js?1694640598" defer></script>
   </body>
 </html>
diff --git a/shortcodes/notice/index.html b/shortcodes/notice/index.html
index 5f6a36f0db..b5b3c0e289 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1694553673" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1694553673" rel="stylesheet">
-    <link href="../../css/fonts.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1694553673" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1694553673" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1694553673" rel="stylesheet">
-    <link href="../../css/print.css?1694553673" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1694553673" rel="stylesheet">
-    <script src="../../js/url.js?1694553673"></script>
-    <script src="../../js/variant.js?1694553673"></script>
+    <link href="../../css/fontawesome-all.min.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694640597" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694640597" rel="stylesheet">
+    <link href="../../css/fonts.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694640597" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694640597" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694640597" rel="stylesheet">
+    <link href="../../css/print.css?1694640597" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1694640597" rel="stylesheet">
+    <script src="../../js/url.js?1694640597"></script>
+    <script src="../../js/variant.js?1694640597"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -52,51 +52,23 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../shortcodes/notice/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <a href="../../shortcodes/openapi/index.html" title="OpenAPI (🡒)">
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../shortcodes/mermaid/index.html" title="Mermaid (🡐)">
-                <i class="fa-fw fas fa-chevron-left"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-print">
-              <a href="../../shortcodes/notice/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
-                <i class="fa-fw fas fa-print"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-edit">
-              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/notice.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
-                <i class="fa-fw fas fa-pen"></i>
-              </a>
-            </div>
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
+            <div id="sidebar-overlay"></div>
             <div class="topbar-button topbar-toc">
               <button onclick="showToc()" type="button" title="Table of Contents (CTRL&#43;ALT&#43;t)">
                 <i class="fa-fw fas fa-list-alt"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../shortcodes/index.html"><span itemprop="name">Shortcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Notice</span><meta itemprop="position" content="3"></li>
-            </ol>
-          </div>
-          <div class="default-animation progress">
-            <div class="toc-wrapper">
+            <div class="default-animation progress">
+              <div class="toc-wrapper">
 <nav id="TableOfContents">
   <ul>
     <li><a href="#usage">Usage</a>
@@ -115,6 +87,35 @@
     </li>
   </ul>
 </nav>
+              </div>
+            </div>
+            <div id="toc-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../shortcodes/index.html"><span itemprop="name">Shortcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Notice</span><meta itemprop="position" content="3"></li>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-edit">
+              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/notice.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+                <i class="fa-fw fas fa-pen"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-print">
+              <a href="../../shortcodes/notice/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
+                <i class="fa-fw fas fa-print"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-prev">
+              <a href="../../shortcodes/mermaid/index.html" title="Mermaid (🡐)">
+                <i class="fa-fw fas fa-chevron-left"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-next">
+              <a href="../../shortcodes/openapi/index.html" title="OpenAPI (🡒)">
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </a>
             </div>
           </div>
         </div>
@@ -552,12 +553,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1694553674" defer></script>
-        <script src="../../js/search.js?1694553674" defer></script>
+        <script src="../../js/auto-complete.js?1694640597" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1694640597" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694640597" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1694640597" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1694640597" defer></script>
+        <script src="../../js/search.js?1694640597" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -688,8 +689,12 @@
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -697,27 +702,25 @@
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1694553674"></script>
+          <script async src="../../js/github-buttons.js?1694640597"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1694553674" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1694553674" defer></script>
-    <script src="../../js/theme.js?1694553674" defer></script>
+    <script src="../../js/clipboard.min.js?1694640597" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694640597" defer></script>
+    <script src="../../js/theme.js?1694640597" defer></script>
   </body>
 </html>
diff --git a/shortcodes/notice/index.print.html b/shortcodes/notice/index.print.html
index 45346a9add..949c4b6f7e 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1694553675" rel="stylesheet">
-    <link href="../../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../../js/url.js?1694553675"></script>
-    <script src="../../js/variant.js?1694553675"></script>
+    <link href="../../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1694640598" rel="stylesheet">
+    <link href="../../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../../js/url.js?1694640598"></script>
+    <script src="../../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -53,23 +53,23 @@
   </head>
   <body class="mobile-support print disableInlineCopyToClipboard" data-url="../../shortcodes/notice/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../shortcodes/index.html"><span itemprop="name">Shortcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Notice</span><meta itemprop="position" content="3"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
           </div>
         </div>
       </nav>
@@ -428,8 +428,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1694553675" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1694553675" defer></script>
-    <script src="../../js/theme.js?1694553675" defer></script>
+    <script src="../../js/clipboard.min.js?1694640598" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694640598" defer></script>
+    <script src="../../js/theme.js?1694640598" defer></script>
   </body>
 </html>
diff --git a/shortcodes/openapi/index.html b/shortcodes/openapi/index.html
index 5f61bc4a25..044c72681e 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1694553673" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1694553673" rel="stylesheet">
-    <link href="../../css/fonts.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1694553673" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1694553673" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1694553673" rel="stylesheet">
-    <link href="../../css/print.css?1694553673" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1694553673" rel="stylesheet">
-    <script src="../../js/url.js?1694553673"></script>
-    <script src="../../js/variant.js?1694553673"></script>
+    <link href="../../css/fontawesome-all.min.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694640597" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694640597" rel="stylesheet">
+    <link href="../../css/fonts.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694640597" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694640597" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694640597" rel="stylesheet">
+    <link href="../../css/print.css?1694640597" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1694640597" rel="stylesheet">
+    <script src="../../js/url.js?1694640597"></script>
+    <script src="../../js/variant.js?1694640597"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -52,51 +52,23 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../shortcodes/openapi/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <a href="../../shortcodes/siteparam/index.html" title="SiteParam (🡒)">
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../shortcodes/notice/index.html" title="Notice (🡐)">
-                <i class="fa-fw fas fa-chevron-left"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-print">
-              <a href="../../shortcodes/openapi/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
-                <i class="fa-fw fas fa-print"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-edit">
-              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/openapi/_index.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
-                <i class="fa-fw fas fa-pen"></i>
-              </a>
-            </div>
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
+            <div id="sidebar-overlay"></div>
             <div class="topbar-button topbar-toc">
               <button onclick="showToc()" type="button" title="Table of Contents (CTRL&#43;ALT&#43;t)">
                 <i class="fa-fw fas fa-list-alt"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../shortcodes/index.html"><span itemprop="name">Shortcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">OpenAPI</span><meta itemprop="position" content="3"></li>
-            </ol>
-          </div>
-          <div class="default-animation progress">
-            <div class="toc-wrapper">
+            <div class="default-animation progress">
+              <div class="toc-wrapper">
 <nav id="TableOfContents">
   <ul>
     <li><a href="#usage">Usage</a>
@@ -111,6 +83,35 @@
     </li>
   </ul>
 </nav>
+              </div>
+            </div>
+            <div id="toc-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../shortcodes/index.html"><span itemprop="name">Shortcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">OpenAPI</span><meta itemprop="position" content="3"></li>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-edit">
+              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/openapi/_index.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+                <i class="fa-fw fas fa-pen"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-print">
+              <a href="../../shortcodes/openapi/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
+                <i class="fa-fw fas fa-print"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-prev">
+              <a href="../../shortcodes/notice/index.html" title="Notice (🡐)">
+                <i class="fa-fw fas fa-chevron-left"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-next">
+              <a href="../../shortcodes/siteparam/index.html" title="SiteParam (🡒)">
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </a>
             </div>
           </div>
         </div>
@@ -210,7 +211,7 @@
 <div class="sc-openapi-wrapper is-loading helper-loading-container">
   <div
     class="sc-openapi-container"
-    id="openapi-51e3b47b651c1c171fc64b4534dfa1c7"
+    id="openapi-f27f5a5e506e09f0546a87d07b912a3b"
     openapi-url="../../shortcodes/openapi/petstore.json"
   ></div>
 </div>
@@ -301,12 +302,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1694553674" defer></script>
-        <script src="../../js/search.js?1694553674" defer></script>
+        <script src="../../js/auto-complete.js?1694640598" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1694640598" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694640598" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1694640598" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1694640598" defer></script>
+        <script src="../../js/search.js?1694640598" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -437,8 +438,12 @@
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -446,33 +451,31 @@
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1694553674"></script>
+          <script async src="../../js/github-buttons.js?1694640598"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1694553674" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1694553674" defer></script>
+    <script src="../../js/clipboard.min.js?1694640598" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694640598" defer></script>
     <script>window.noZensmooth = true;</script>
-    <script src="../../js/swagger-ui/swagger-ui-bundle.js?1694553674" defer></script>
-    <script src="../../js/swagger-ui/swagger-ui-standalone-preset.js?1694553674" defer></script>
+    <script src="../../js/swagger-ui/swagger-ui-bundle.js?1694640598" defer></script>
+    <script src="../../js/swagger-ui/swagger-ui-standalone-preset.js?1694640598" defer></script>
     <script>
-      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1694553674", assetsBuster:  1694553674  };
+      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1694640598", assetsBuster:  1694640598  };
     </script>
-    <script src="../../js/theme.js?1694553674" defer></script>
+    <script src="../../js/theme.js?1694640598" defer></script>
   </body>
 </html>
diff --git a/shortcodes/openapi/index.print.html b/shortcodes/openapi/index.print.html
index 9080ba2fd8..34942c21cc 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1694553675" rel="stylesheet">
-    <link href="../../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../../js/url.js?1694553675"></script>
-    <script src="../../js/variant.js?1694553675"></script>
+    <link href="../../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1694640598" rel="stylesheet">
+    <link href="../../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../../js/url.js?1694640598"></script>
+    <script src="../../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -53,23 +53,23 @@
   </head>
   <body class="mobile-support print disableInlineCopyToClipboard" data-url="../../shortcodes/openapi/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../shortcodes/index.html"><span itemprop="name">Shortcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">OpenAPI</span><meta itemprop="position" content="3"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
           </div>
         </div>
       </nav>
@@ -168,7 +168,7 @@
 <div class="sc-openapi-wrapper is-loading helper-loading-container">
   <div
     class="sc-openapi-container"
-    id="openapi-51e3b47b651c1c171fc64b4534dfa1c7"
+    id="openapi-f27f5a5e506e09f0546a87d07b912a3b"
     openapi-url="../../shortcodes/openapi/petstore.json"
   ></div>
 </div>
@@ -181,14 +181,14 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1694553675" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1694553675" defer></script>
+    <script src="../../js/clipboard.min.js?1694640598" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694640598" defer></script>
     <script>window.noZensmooth = true;</script>
-    <script src="../../js/swagger-ui/swagger-ui-bundle.js?1694553675" defer></script>
-    <script src="../../js/swagger-ui/swagger-ui-standalone-preset.js?1694553675" defer></script>
+    <script src="../../js/swagger-ui/swagger-ui-bundle.js?1694640598" defer></script>
+    <script src="../../js/swagger-ui/swagger-ui-standalone-preset.js?1694640598" defer></script>
     <script>
-      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1694553675", assetsBuster:  1694553675  };
+      window.themeUseOpenapi = { css: "/js/swagger-ui/swagger-ui.css?1694640598", assetsBuster:  1694640598  };
     </script>
-    <script src="../../js/theme.js?1694553675" defer></script>
+    <script src="../../js/theme.js?1694640598" defer></script>
   </body>
 </html>
diff --git a/shortcodes/siteparam/index.html b/shortcodes/siteparam/index.html
index c4e035ff06..31c5e1c6fa 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1694553673" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1694553673" rel="stylesheet">
-    <link href="../../css/fonts.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1694553673" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1694553673" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1694553673" rel="stylesheet">
-    <link href="../../css/print.css?1694553673" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1694553673" rel="stylesheet">
-    <script src="../../js/url.js?1694553673"></script>
-    <script src="../../js/variant.js?1694553673"></script>
+    <link href="../../css/fontawesome-all.min.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694640597" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694640597" rel="stylesheet">
+    <link href="../../css/fonts.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694640597" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694640597" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694640597" rel="stylesheet">
+    <link href="../../css/print.css?1694640597" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1694640597" rel="stylesheet">
+    <script src="../../js/url.js?1694640597"></script>
+    <script src="../../js/variant.js?1694640597"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -52,51 +52,23 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../shortcodes/siteparam/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <a href="../../shortcodes/tab/index.html" title="Tab (🡒)">
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../shortcodes/openapi/index.html" title="OpenAPI (🡐)">
-                <i class="fa-fw fas fa-chevron-left"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-print">
-              <a href="../../shortcodes/siteparam/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
-                <i class="fa-fw fas fa-print"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-edit">
-              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/siteparam.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
-                <i class="fa-fw fas fa-pen"></i>
-              </a>
-            </div>
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
+            <div id="sidebar-overlay"></div>
             <div class="topbar-button topbar-toc">
               <button onclick="showToc()" type="button" title="Table of Contents (CTRL&#43;ALT&#43;t)">
                 <i class="fa-fw fas fa-list-alt"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../shortcodes/index.html"><span itemprop="name">Shortcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">SiteParam</span><meta itemprop="position" content="3"></li>
-            </ol>
-          </div>
-          <div class="default-animation progress">
-            <div class="toc-wrapper">
+            <div class="default-animation progress">
+              <div class="toc-wrapper">
 <nav id="TableOfContents">
   <ul>
     <li><a href="#usage">Usage</a>
@@ -112,6 +84,35 @@
     </li>
   </ul>
 </nav>
+              </div>
+            </div>
+            <div id="toc-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../shortcodes/index.html"><span itemprop="name">Shortcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">SiteParam</span><meta itemprop="position" content="3"></li>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-edit">
+              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/siteparam.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+                <i class="fa-fw fas fa-pen"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-print">
+              <a href="../../shortcodes/siteparam/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
+                <i class="fa-fw fas fa-print"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-prev">
+              <a href="../../shortcodes/openapi/index.html" title="OpenAPI (🡐)">
+                <i class="fa-fw fas fa-chevron-left"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-next">
+              <a href="../../shortcodes/tab/index.html" title="Tab (🡒)">
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </a>
             </div>
           </div>
         </div>
@@ -214,13 +215,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="f81a6c2473ad6e44f0121fe51b824c5c">
+<div class="tab-panel" data-tab-group="a5bd706429354cd7155f5990426cfdf4">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="configtoml"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('f81a6c2473ad6e44f0121fe51b824c5c','configtoml')"
+      onclick="switchTab('a5bd706429354cd7155f5990426cfdf4','configtoml')"
     >
       <div>
         <div class="tab-nav-hidden">config.toml</div>
@@ -328,12 +329,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1694553674" defer></script>
-        <script src="../../js/search.js?1694553674" defer></script>
+        <script src="../../js/auto-complete.js?1694640597" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1694640597" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694640597" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1694640597" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1694640597" defer></script>
+        <script src="../../js/search.js?1694640597" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -464,8 +465,12 @@
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -473,27 +478,25 @@
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1694553674"></script>
+          <script async src="../../js/github-buttons.js?1694640597"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1694553674" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1694553674" defer></script>
-    <script src="../../js/theme.js?1694553674" defer></script>
+    <script src="../../js/clipboard.min.js?1694640597" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694640597" defer></script>
+    <script src="../../js/theme.js?1694640597" defer></script>
   </body>
 </html>
diff --git a/shortcodes/siteparam/index.print.html b/shortcodes/siteparam/index.print.html
index 29e1de7cd6..eeac0b82de 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1694553675" rel="stylesheet">
-    <link href="../../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../../js/url.js?1694553675"></script>
-    <script src="../../js/variant.js?1694553675"></script>
+    <link href="../../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1694640598" rel="stylesheet">
+    <link href="../../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../../js/url.js?1694640598"></script>
+    <script src="../../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -53,23 +53,23 @@
   </head>
   <body class="mobile-support print disableInlineCopyToClipboard" data-url="../../shortcodes/siteparam/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../shortcodes/index.html"><span itemprop="name">Shortcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">SiteParam</span><meta itemprop="position" content="3"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
           </div>
         </div>
       </nav>
@@ -171,13 +171,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="f81a6c2473ad6e44f0121fe51b824c5c">
+<div class="tab-panel" data-tab-group="a5bd706429354cd7155f5990426cfdf4">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="configtoml"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('f81a6c2473ad6e44f0121fe51b824c5c','configtoml')"
+      onclick="switchTab('a5bd706429354cd7155f5990426cfdf4','configtoml')"
     >
       <div>
         <div class="tab-nav-hidden">config.toml</div>
@@ -207,8 +207,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1694553675" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1694553675" defer></script>
-    <script src="../../js/theme.js?1694553675" defer></script>
+    <script src="../../js/clipboard.min.js?1694640598" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694640598" defer></script>
+    <script src="../../js/theme.js?1694640598" defer></script>
   </body>
 </html>
diff --git a/shortcodes/tab/index.html b/shortcodes/tab/index.html
index 9a352d9a78..267918ac38 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1694553673" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1694553673" rel="stylesheet">
-    <link href="../../css/fonts.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1694553673" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1694553673" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1694553673" rel="stylesheet">
-    <link href="../../css/print.css?1694553673" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1694553673" rel="stylesheet">
-    <script src="../../js/url.js?1694553673"></script>
-    <script src="../../js/variant.js?1694553673"></script>
+    <link href="../../css/fontawesome-all.min.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694640597" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694640597" rel="stylesheet">
+    <link href="../../css/fonts.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694640597" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694640597" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694640597" rel="stylesheet">
+    <link href="../../css/print.css?1694640597" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1694640597" rel="stylesheet">
+    <script src="../../js/url.js?1694640597"></script>
+    <script src="../../js/variant.js?1694640597"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -52,51 +52,23 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../shortcodes/tab/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <a href="../../shortcodes/tabs/index.html" title="Tabs (🡒)">
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../shortcodes/siteparam/index.html" title="SiteParam (🡐)">
-                <i class="fa-fw fas fa-chevron-left"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-print">
-              <a href="../../shortcodes/tab/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
-                <i class="fa-fw fas fa-print"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-edit">
-              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/tab.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
-                <i class="fa-fw fas fa-pen"></i>
-              </a>
-            </div>
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
+            <div id="sidebar-overlay"></div>
             <div class="topbar-button topbar-toc">
               <button onclick="showToc()" type="button" title="Table of Contents (CTRL&#43;ALT&#43;t)">
                 <i class="fa-fw fas fa-list-alt"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../shortcodes/index.html"><span itemprop="name">Shortcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Tab</span><meta itemprop="position" content="3"></li>
-            </ol>
-          </div>
-          <div class="default-animation progress">
-            <div class="toc-wrapper">
+            <div class="default-animation progress">
+              <div class="toc-wrapper">
 <nav id="TableOfContents">
   <ul>
     <li><a href="#usage">Usage</a>
@@ -113,6 +85,35 @@
     </li>
   </ul>
 </nav>
+              </div>
+            </div>
+            <div id="toc-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../shortcodes/index.html"><span itemprop="name">Shortcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Tab</span><meta itemprop="position" content="3"></li>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-edit">
+              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/tab.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+                <i class="fa-fw fas fa-pen"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-print">
+              <a href="../../shortcodes/tab/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
+                <i class="fa-fw fas fa-print"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-prev">
+              <a href="../../shortcodes/siteparam/index.html" title="SiteParam (🡐)">
+                <i class="fa-fw fas fa-chevron-left"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-next">
+              <a href="../../shortcodes/tabs/index.html" title="Tabs (🡒)">
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </a>
             </div>
           </div>
         </div>
@@ -128,13 +129,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="6c4590adb01ccb6cf73766d6eb5df1e7">
+<div class="tab-panel" data-tab-group="611ba43b0b30fb2dc39efcbc34644d44">
   <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('6c4590adb01ccb6cf73766d6eb5df1e7','c')"
+      onclick="switchTab('611ba43b0b30fb2dc39efcbc34644d44','c')"
     >
       <div>
         <div class="tab-nav-hidden">c</div>
@@ -248,13 +249,13 @@
 </span></span></span><span class="line"><span class="cl"><span class="s">printf(&#34;Hello World!&#34;);
 </span></span></span><span class="line"><span class="cl"><span class="s">```</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="62284783afc3581cf918c084188a7d55">
+<div class="tab-panel" data-tab-group="d1ff53cdacba79275e0432098b7999fd">
   <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('62284783afc3581cf918c084188a7d55','code')"
+      onclick="switchTab('d1ff53cdacba79275e0432098b7999fd','code')"
     >
       <div>
         <div class="tab-nav-hidden">Code</div>
@@ -279,13 +280,13 @@
 </span></span></span><span class="line"><span class="cl"><span class="s">printf(&#34;Hello World!&#34;);
 </span></span></span><span class="line"><span class="cl"><span class="s">```</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="14466c1fe1fc765ac73139fdba5615ad">
+<div class="tab-panel" data-tab-group="0ee1dba1f80758788a3af78cb92b7652">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="emstrongmixedstrongem"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('14466c1fe1fc765ac73139fdba5615ad','emstrongmixedstrongem')"
+      onclick="switchTab('0ee1dba1f80758788a3af78cb92b7652','emstrongmixedstrongem')"
     >
       <div>
         <div class="tab-nav-hidden"><em><strong>Mixed</strong></em></div>
@@ -333,13 +334,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="5fd2bf719a7eeb53f790b5eca6dc6e7f">
+<div class="tab-panel" data-tab-group="c1971fdd980f3c0e217d8095af158276">
   <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('5fd2bf719a7eeb53f790b5eca6dc6e7f','just-colored-style')"
+      onclick="switchTab('c1971fdd980f3c0e217d8095af158276','just-colored-style')"
     >
       <div>
         <div class="tab-nav-hidden">just colored style</div>
@@ -349,7 +350,7 @@
     <button
       data-tab-item="just-color"
       class="tab-nav-button tab-panel-style cstyle filled" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('5fd2bf719a7eeb53f790b5eca6dc6e7f','just-color')"
+      onclick="switchTab('c1971fdd980f3c0e217d8095af158276','just-color')"
     >
       <div>
         <div class="tab-nav-hidden">just color</div>
@@ -359,7 +360,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('5fd2bf719a7eeb53f790b5eca6dc6e7f','default-style-and-color')"
+      onclick="switchTab('c1971fdd980f3c0e217d8095af158276','default-style-and-color')"
     >
       <div>
         <div class="tab-nav-hidden">default style and color</div>
@@ -369,7 +370,7 @@
     <button
       data-tab-item="just-severity-stylefa-fw-fas-fa-info-circle"
       class="tab-nav-button tab-panel-style cstyle info"
-      onclick="switchTab('5fd2bf719a7eeb53f790b5eca6dc6e7f','just-severity-stylefa-fw-fas-fa-info-circle')"
+      onclick="switchTab('c1971fdd980f3c0e217d8095af158276','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>
@@ -379,7 +380,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('5fd2bf719a7eeb53f790b5eca6dc6e7f','severity-style-and-colorfa-fw-fas-fa-info-circle')"
+      onclick="switchTab('c1971fdd980f3c0e217d8095af158276','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>
@@ -522,12 +523,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1694553674" defer></script>
-        <script src="../../js/search.js?1694553674" defer></script>
+        <script src="../../js/auto-complete.js?1694640597" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1694640597" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694640597" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1694640597" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1694640597" defer></script>
+        <script src="../../js/search.js?1694640597" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -658,8 +659,12 @@
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -667,27 +672,25 @@
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1694553674"></script>
+          <script async src="../../js/github-buttons.js?1694640597"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1694553674" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1694553674" defer></script>
-    <script src="../../js/theme.js?1694553674" defer></script>
+    <script src="../../js/clipboard.min.js?1694640597" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694640597" defer></script>
+    <script src="../../js/theme.js?1694640597" defer></script>
   </body>
 </html>
diff --git a/shortcodes/tab/index.print.html b/shortcodes/tab/index.print.html
index eee6dfe77b..b8d7862716 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1694553675" rel="stylesheet">
-    <link href="../../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../../js/url.js?1694553675"></script>
-    <script src="../../js/variant.js?1694553675"></script>
+    <link href="../../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1694640598" rel="stylesheet">
+    <link href="../../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../../js/url.js?1694640598"></script>
+    <script src="../../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -53,23 +53,23 @@
   </head>
   <body class="mobile-support print disableInlineCopyToClipboard" data-url="../../shortcodes/tab/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../shortcodes/index.html"><span itemprop="name">Shortcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Tab</span><meta itemprop="position" content="3"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
           </div>
         </div>
       </nav>
@@ -84,13 +84,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="6c4590adb01ccb6cf73766d6eb5df1e7">
+<div class="tab-panel" data-tab-group="611ba43b0b30fb2dc39efcbc34644d44">
   <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('6c4590adb01ccb6cf73766d6eb5df1e7','c')"
+      onclick="switchTab('611ba43b0b30fb2dc39efcbc34644d44','c')"
     >
       <div>
         <div class="tab-nav-hidden">c</div>
@@ -204,13 +204,13 @@
 </span></span></span><span class="line"><span class="cl"><span class="s">printf(&#34;Hello World!&#34;);
 </span></span></span><span class="line"><span class="cl"><span class="s">```</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="62284783afc3581cf918c084188a7d55">
+<div class="tab-panel" data-tab-group="d1ff53cdacba79275e0432098b7999fd">
   <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('62284783afc3581cf918c084188a7d55','code')"
+      onclick="switchTab('d1ff53cdacba79275e0432098b7999fd','code')"
     >
       <div>
         <div class="tab-nav-hidden">Code</div>
@@ -235,13 +235,13 @@
 </span></span></span><span class="line"><span class="cl"><span class="s">printf(&#34;Hello World!&#34;);
 </span></span></span><span class="line"><span class="cl"><span class="s">```</span>
 </span></span><span class="line"><span class="cl"><span class="p">{{</span><span class="o">%</span> <span class="o">/</span><span class="nx">tab</span> <span class="o">%</span><span class="p">}}</span></span></span></code></pre></div>
-<div class="tab-panel" data-tab-group="14466c1fe1fc765ac73139fdba5615ad">
+<div class="tab-panel" data-tab-group="0ee1dba1f80758788a3af78cb92b7652">
   <div class="tab-nav">
     <div class="tab-nav-title">&#8203;</div>
     <button
       data-tab-item="emstrongmixedstrongem"
       class="tab-nav-button tab-panel-style cstyle initial active"
-      onclick="switchTab('14466c1fe1fc765ac73139fdba5615ad','emstrongmixedstrongem')"
+      onclick="switchTab('0ee1dba1f80758788a3af78cb92b7652','emstrongmixedstrongem')"
     >
       <div>
         <div class="tab-nav-hidden"><em><strong>Mixed</strong></em></div>
@@ -289,13 +289,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="5fd2bf719a7eeb53f790b5eca6dc6e7f">
+<div class="tab-panel" data-tab-group="c1971fdd980f3c0e217d8095af158276">
   <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('5fd2bf719a7eeb53f790b5eca6dc6e7f','just-colored-style')"
+      onclick="switchTab('c1971fdd980f3c0e217d8095af158276','just-colored-style')"
     >
       <div>
         <div class="tab-nav-hidden">just colored style</div>
@@ -305,7 +305,7 @@
     <button
       data-tab-item="just-color"
       class="tab-nav-button tab-panel-style cstyle filled" style="--VARIABLE-BOX-color: blue;"
-      onclick="switchTab('5fd2bf719a7eeb53f790b5eca6dc6e7f','just-color')"
+      onclick="switchTab('c1971fdd980f3c0e217d8095af158276','just-color')"
     >
       <div>
         <div class="tab-nav-hidden">just color</div>
@@ -315,7 +315,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('5fd2bf719a7eeb53f790b5eca6dc6e7f','default-style-and-color')"
+      onclick="switchTab('c1971fdd980f3c0e217d8095af158276','default-style-and-color')"
     >
       <div>
         <div class="tab-nav-hidden">default style and color</div>
@@ -325,7 +325,7 @@
     <button
       data-tab-item="just-severity-stylefa-fw-fas-fa-info-circle"
       class="tab-nav-button tab-panel-style cstyle info"
-      onclick="switchTab('5fd2bf719a7eeb53f790b5eca6dc6e7f','just-severity-stylefa-fw-fas-fa-info-circle')"
+      onclick="switchTab('c1971fdd980f3c0e217d8095af158276','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>
@@ -335,7 +335,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('5fd2bf719a7eeb53f790b5eca6dc6e7f','severity-style-and-colorfa-fw-fas-fa-info-circle')"
+      onclick="switchTab('c1971fdd980f3c0e217d8095af158276','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>
@@ -400,8 +400,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1694553675" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1694553675" defer></script>
-    <script src="../../js/theme.js?1694553675" defer></script>
+    <script src="../../js/clipboard.min.js?1694640598" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694640598" defer></script>
+    <script src="../../js/theme.js?1694640598" defer></script>
   </body>
 </html>
diff --git a/shortcodes/tabs/index.html b/shortcodes/tabs/index.html
index 82ad300392..e8a8bd271f 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1694553673" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1694553673" rel="stylesheet">
-    <link href="../../css/fonts.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1694553673" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1694553673" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1694553673" rel="stylesheet">
-    <link href="../../css/print.css?1694553673" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1694553673" rel="stylesheet">
-    <script src="../../js/url.js?1694553673"></script>
-    <script src="../../js/variant.js?1694553673"></script>
+    <link href="../../css/fontawesome-all.min.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694640597" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694640597" rel="stylesheet">
+    <link href="../../css/fonts.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694640597" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694640597" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694640597" rel="stylesheet">
+    <link href="../../css/print.css?1694640597" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1694640597" rel="stylesheet">
+    <script src="../../js/url.js?1694640597"></script>
+    <script src="../../js/variant.js?1694640597"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -52,51 +52,23 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../shortcodes/tabs/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <span>
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </span>
-            </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../shortcodes/tab/index.html" title="Tab (🡐)">
-                <i class="fa-fw fas fa-chevron-left"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-print">
-              <a href="../../shortcodes/tabs/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
-                <i class="fa-fw fas fa-print"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-edit">
-              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/tabs.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
-                <i class="fa-fw fas fa-pen"></i>
-              </a>
-            </div>
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
+            <div id="sidebar-overlay"></div>
             <div class="topbar-button topbar-toc">
               <button onclick="showToc()" type="button" title="Table of Contents (CTRL&#43;ALT&#43;t)">
                 <i class="fa-fw fas fa-list-alt"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../shortcodes/index.html"><span itemprop="name">Shortcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Tabs</span><meta itemprop="position" content="3"></li>
-            </ol>
-          </div>
-          <div class="default-animation progress">
-            <div class="toc-wrapper">
+            <div class="default-animation progress">
+              <div class="toc-wrapper">
 <nav id="TableOfContents">
   <ul>
     <li><a href="#usage">Usage</a>
@@ -112,6 +84,35 @@
     </li>
   </ul>
 </nav>
+              </div>
+            </div>
+            <div id="toc-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../shortcodes/index.html"><span itemprop="name">Shortcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Tabs</span><meta itemprop="position" content="3"></li>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-edit">
+              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/shortcodes/tabs.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+                <i class="fa-fw fas fa-pen"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-print">
+              <a href="../../shortcodes/tabs/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
+                <i class="fa-fw fas fa-print"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-prev">
+              <a href="../../shortcodes/tab/index.html" title="Tab (🡐)">
+                <i class="fa-fw fas fa-chevron-left"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-next">
+              <span>
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </span>
             </div>
           </div>
         </div>
@@ -127,13 +128,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="403b535cd8b54a49d9764dfc0110dab2">
+<div class="tab-panel" data-tab-group="eec3394586535d7b4838457dba843111">
   <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('403b535cd8b54a49d9764dfc0110dab2','py')"
+      onclick="switchTab('eec3394586535d7b4838457dba843111','py')"
     >
       <div>
         <div class="tab-nav-hidden">py</div>
@@ -143,7 +144,7 @@
     <button
       data-tab-item="sh"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('403b535cd8b54a49d9764dfc0110dab2','sh')"
+      onclick="switchTab('eec3394586535d7b4838457dba843111','sh')"
     >
       <div>
         <div class="tab-nav-hidden">sh</div>
@@ -153,7 +154,7 @@
     <button
       data-tab-item="c"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('403b535cd8b54a49d9764dfc0110dab2','c')"
+      onclick="switchTab('eec3394586535d7b4838457dba843111','c')"
     >
       <div>
         <div class="tab-nav-hidden">c</div>
@@ -310,13 +311,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="93259d1a69e9319c6f6c9cf2d6ee7485">
+<div class="tab-panel" data-tab-group="c518499c51f782d1fdabfe77290e0834">
   <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('93259d1a69e9319c6f6c9cf2d6ee7485','group-a-tab-view-1')"
+      onclick="switchTab('c518499c51f782d1fdabfe77290e0834','group-a-tab-view-1')"
     >
       <div>
         <div class="tab-nav-hidden">Group A, Tab View 1</div>
@@ -326,7 +327,7 @@
     <button
       data-tab-item="group-a-tab-view-2"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('93259d1a69e9319c6f6c9cf2d6ee7485','group-a-tab-view-2')"
+      onclick="switchTab('c518499c51f782d1fdabfe77290e0834','group-a-tab-view-2')"
     >
       <div>
         <div class="tab-nav-hidden">Group A, Tab View 2</div>
@@ -336,7 +337,7 @@
     <button
       data-tab-item="group-b"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('93259d1a69e9319c6f6c9cf2d6ee7485','group-b')"
+      onclick="switchTab('c518499c51f782d1fdabfe77290e0834','group-b')"
     >
       <div>
         <div class="tab-nav-hidden">Group B</div>
@@ -812,12 +813,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1694553674" defer></script>
-        <script src="../../js/search.js?1694553674" defer></script>
+        <script src="../../js/auto-complete.js?1694640597" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1694640597" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694640597" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1694640597" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1694640597" defer></script>
+        <script src="../../js/search.js?1694640597" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -948,8 +949,12 @@
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -957,27 +962,25 @@
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1694553674"></script>
+          <script async src="../../js/github-buttons.js?1694640597"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1694553674" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1694553674" defer></script>
-    <script src="../../js/theme.js?1694553674" defer></script>
+    <script src="../../js/clipboard.min.js?1694640597" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694640597" defer></script>
+    <script src="../../js/theme.js?1694640597" defer></script>
   </body>
 </html>
diff --git a/shortcodes/tabs/index.print.html b/shortcodes/tabs/index.print.html
index 42846684c4..87fdd9c207 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1694553675" rel="stylesheet">
-    <link href="../../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../../js/url.js?1694553675"></script>
-    <script src="../../js/variant.js?1694553675"></script>
+    <link href="../../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1694640598" rel="stylesheet">
+    <link href="../../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../../js/url.js?1694640598"></script>
+    <script src="../../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -53,23 +53,23 @@
   </head>
   <body class="mobile-support print disableInlineCopyToClipboard" data-url="../../shortcodes/tabs/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../shortcodes/index.html"><span itemprop="name">Shortcodes</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Tabs</span><meta itemprop="position" content="3"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
           </div>
         </div>
       </nav>
@@ -84,13 +84,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="403b535cd8b54a49d9764dfc0110dab2">
+<div class="tab-panel" data-tab-group="eec3394586535d7b4838457dba843111">
   <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('403b535cd8b54a49d9764dfc0110dab2','py')"
+      onclick="switchTab('eec3394586535d7b4838457dba843111','py')"
     >
       <div>
         <div class="tab-nav-hidden">py</div>
@@ -100,7 +100,7 @@
     <button
       data-tab-item="sh"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('403b535cd8b54a49d9764dfc0110dab2','sh')"
+      onclick="switchTab('eec3394586535d7b4838457dba843111','sh')"
     >
       <div>
         <div class="tab-nav-hidden">sh</div>
@@ -110,7 +110,7 @@
     <button
       data-tab-item="c"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('403b535cd8b54a49d9764dfc0110dab2','c')"
+      onclick="switchTab('eec3394586535d7b4838457dba843111','c')"
     >
       <div>
         <div class="tab-nav-hidden">c</div>
@@ -267,13 +267,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="93259d1a69e9319c6f6c9cf2d6ee7485">
+<div class="tab-panel" data-tab-group="c518499c51f782d1fdabfe77290e0834">
   <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('93259d1a69e9319c6f6c9cf2d6ee7485','group-a-tab-view-1')"
+      onclick="switchTab('c518499c51f782d1fdabfe77290e0834','group-a-tab-view-1')"
     >
       <div>
         <div class="tab-nav-hidden">Group A, Tab View 1</div>
@@ -283,7 +283,7 @@
     <button
       data-tab-item="group-a-tab-view-2"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('93259d1a69e9319c6f6c9cf2d6ee7485','group-a-tab-view-2')"
+      onclick="switchTab('c518499c51f782d1fdabfe77290e0834','group-a-tab-view-2')"
     >
       <div>
         <div class="tab-nav-hidden">Group A, Tab View 2</div>
@@ -293,7 +293,7 @@
     <button
       data-tab-item="group-b"
       class="tab-nav-button tab-panel-style cstyle initial"
-      onclick="switchTab('93259d1a69e9319c6f6c9cf2d6ee7485','group-b')"
+      onclick="switchTab('c518499c51f782d1fdabfe77290e0834','group-b')"
     >
       <div>
         <div class="tab-nav-hidden">Group B</div>
@@ -691,8 +691,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1694553675" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1694553675" defer></script>
-    <script src="../../js/theme.js?1694553675" defer></script>
+    <script src="../../js/clipboard.min.js?1694640598" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694640598" defer></script>
+    <script src="../../js/theme.js?1694640598" defer></script>
   </body>
 </html>
diff --git a/showcase/index.html b/showcase/index.html
index 920f4bb279..60b512c82d 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1694553673" rel="stylesheet">
-    <link href="../css/auto-complete.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1694553673" rel="stylesheet">
-    <link href="../css/fonts.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1694553673" rel="stylesheet">
-    <link href="../css/theme-auto.css?1694553673" rel="stylesheet" id="variant-style">
-    <link href="../css/variant.css?1694553673" rel="stylesheet">
-    <link href="../css/print.css?1694553673" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1694553673" rel="stylesheet">
-    <script src="../js/url.js?1694553673"></script>
-    <script src="../js/variant.js?1694553673"></script>
+    <link href="../css/fontawesome-all.min.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1694640597" rel="stylesheet">
+    <link href="../css/auto-complete.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1694640597" rel="stylesheet">
+    <link href="../css/fonts.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1694640597" rel="stylesheet">
+    <link href="../css/theme-auto.css?1694640597" rel="stylesheet" id="variant-style">
+    <link href="../css/variant.css?1694640597" rel="stylesheet">
+    <link href="../css/print.css?1694640597" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1694640597" rel="stylesheet">
+    <script src="../js/url.js?1694640597"></script>
+    <script src="../js/variant.js?1694640597"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -52,50 +52,23 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../showcase/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <span>
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </span>
-            </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../shortcodes/tabs/index.html" title="Tabs (🡐)">
-                <i class="fa-fw fas fa-chevron-left"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-print">
-              <a href="../showcase/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
-                <i class="fa-fw fas fa-print"></i>
-              </a>
-            </div>
-            <div class="topbar-button topbar-edit">
-              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/showcase/_index.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
-                <i class="fa-fw fas fa-pen"></i>
-              </a>
-            </div>
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
+            <div id="sidebar-overlay"></div>
             <div class="topbar-button topbar-toc">
               <button onclick="showToc()" type="button" title="Table of Contents (CTRL&#43;ALT&#43;t)">
                 <i class="fa-fw fas fa-list-alt"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Showcase</span><meta itemprop="position" content="2"></li>
-            </ol>
-          </div>
-          <div class="default-animation progress">
-            <div class="toc-wrapper">
+            <div class="default-animation progress">
+              <div class="toc-wrapper">
 <nav id="TableOfContents">
   <ul>
     <li><a href="#gobolinux-wikihttpswikigobolinuxorg-by-neonsysorg"><a href="https://wiki.gobolinux.org/">GoboLinux Wiki</a> by NEONsys.org</a></li>
@@ -103,6 +76,34 @@
     <li><a href="#pamasol-electricshttpspamasolgithubiode-by-pamasol"><a href="https://pamasol.github.io/de/">Pamasol Electrics</a> by Pamasol</a></li>
   </ul>
 </nav>
+              </div>
+            </div>
+            <div id="toc-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Showcase</span><meta itemprop="position" content="2"></li>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-edit">
+              <a href="https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/showcase/_index.en.md" target="_blank" title="Edit (CTRL&#43;ALT&#43;w)">
+                <i class="fa-fw fas fa-pen"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-print">
+              <a href="../showcase/index.print.html" title="Print whole chapter (CTRL&#43;ALT&#43;p)">
+                <i class="fa-fw fas fa-print"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-prev">
+              <a href="../shortcodes/tabs/index.html" title="Tabs (🡐)">
+                <i class="fa-fw fas fa-chevron-left"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-next">
+              <span>
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </span>
             </div>
           </div>
         </div>
@@ -115,14 +116,14 @@
 <h1 id="showcase">Showcase</h1>
 
 <h2 id="gobolinux-wikihttpswikigobolinuxorg-by-neonsysorg"><a href="https://wiki.gobolinux.org/" target="_blank">GoboLinux Wiki</a> by NEONsys.org</h2>
-<p><a href="#image-443bd1a39f1722aae750b94c2cca4d31" class="lightbox-link"><img src="../showcase/gobolinux.png?width=60pc" alt="GoboLinux image" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-443bd1a39f1722aae750b94c2cca4d31"><img src="../showcase/gobolinux.png?width=60pc" alt="GoboLinux image" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-3f5ce48c837402fc074b978773f32b5d" class="lightbox-link"><img src="../showcase/gobolinux.png?width=60pc" alt="GoboLinux image" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-3f5ce48c837402fc074b978773f32b5d"><img src="../showcase/gobolinux.png?width=60pc" alt="GoboLinux image" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="bitshttpsbits-trainingdetraining-by-dr-lutz-gollan"><a href="https://bits-training.de/training/" target="_blank">BITS</a> by Dr. Lutz Gollan</h2>
-<p><a href="#image-6b96e3054b2bb028f1e3743ff7ed42d9" class="lightbox-link"><img src="../showcase/bits-train.png?width=60pc" alt="BITS image" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-6b96e3054b2bb028f1e3743ff7ed42d9"><img src="../showcase/bits-train.png?width=60pc" alt="BITS image" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-ca18fc2f61b7ca455c69ec7d4e6930c9" class="lightbox-link"><img src="../showcase/bits-train.png?width=60pc" alt="BITS image" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-ca18fc2f61b7ca455c69ec7d4e6930c9"><img src="../showcase/bits-train.png?width=60pc" alt="BITS image" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="pamasol-electricshttpspamasolgithubiode-by-pamasol"><a href="https://pamasol.github.io/de/" target="_blank">Pamasol Electrics</a> by Pamasol</h2>
-<p><a href="#image-84f93e6455b6deded54a38e7a71dfe49" class="lightbox-link"><img src="../showcase/pamasol-electrics-portal.png?width=60pc" alt="Pamasol Electrics" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-84f93e6455b6deded54a38e7a71dfe49"><img src="../showcase/pamasol-electrics-portal.png?width=60pc" alt="Pamasol Electrics" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-6799fe62e261f398d545d8caf0ed9332" class="lightbox-link"><img src="../showcase/pamasol-electrics-portal.png?width=60pc" alt="Pamasol Electrics" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-6799fe62e261f398d545d8caf0ed9332"><img src="../showcase/pamasol-electrics-portal.png?width=60pc" alt="Pamasol Electrics" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
             <footer class="footline">
 
@@ -210,12 +211,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1694553674" defer></script>
-        <script src="../js/lunr/lunr.min.js?1694553674" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1694553674" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1694553674" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1694553674" defer></script>
-        <script src="../js/search.js?1694553674" defer></script>
+        <script src="../js/auto-complete.js?1694640598" defer></script>
+        <script src="../js/lunr/lunr.min.js?1694640598" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1694640598" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1694640598" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1694640598" defer></script>
+        <script src="../js/search.js?1694640598" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -346,8 +347,12 @@
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -355,27 +360,25 @@
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../js/github-buttons.js?1694553674"></script>
+          <script async src="../js/github-buttons.js?1694640598"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1694553674" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1694553674" defer></script>
-    <script src="../js/theme.js?1694553674" defer></script>
+    <script src="../js/clipboard.min.js?1694640598" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1694640598" defer></script>
+    <script src="../js/theme.js?1694640598" defer></script>
   </body>
 </html>
diff --git a/showcase/index.print.html b/showcase/index.print.html
index 586dfb9171..84605428f4 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1694553675" rel="stylesheet">
-    <link href="../css/auto-complete.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1694553675" rel="stylesheet">
-    <link href="../css/fonts.css?1694553675" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1694553675" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1694553675" rel="stylesheet">
-    <link href="../css/theme-auto.css?1694553675" rel="stylesheet" id="variant-style">
-    <link href="../css/variant.css?1694553675" rel="stylesheet">
-    <link href="../css/print.css?1694553675" rel="stylesheet" media="print">
-    <link href="../css/format-print.css?1694553675" rel="stylesheet">
-    <link href="../css/ie.css?1694553675" rel="stylesheet">
-    <script src="../js/url.js?1694553675"></script>
-    <script src="../js/variant.js?1694553675"></script>
+    <link href="../css/fontawesome-all.min.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1694640598" rel="stylesheet">
+    <link href="../css/auto-complete.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1694640598" rel="stylesheet">
+    <link href="../css/fonts.css?1694640598" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1694640598" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1694640598" rel="stylesheet">
+    <link href="../css/theme-auto.css?1694640598" rel="stylesheet" id="variant-style">
+    <link href="../css/variant.css?1694640598" rel="stylesheet">
+    <link href="../css/print.css?1694640598" rel="stylesheet" media="print">
+    <link href="../css/format-print.css?1694640598" rel="stylesheet">
+    <link href="../css/ie.css?1694640598" rel="stylesheet">
+    <script src="../js/url.js?1694640598"></script>
+    <script src="../js/variant.js?1694640598"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -53,22 +53,22 @@
   </head>
   <body class="mobile-support print disableInlineCopyToClipboard" data-url="../showcase/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Showcase</span><meta itemprop="position" content="2"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
           </div>
         </div>
       </nav>
@@ -80,14 +80,14 @@
 <h1 id="showcase">Showcase</h1>
 
 <h2 id="gobolinux-wikihttpswikigobolinuxorg-by-neonsysorg"><a href="https://wiki.gobolinux.org/" target="_blank">GoboLinux Wiki</a> by NEONsys.org</h2>
-<p><a href="#image-443bd1a39f1722aae750b94c2cca4d31" class="lightbox-link"><img src="../showcase/gobolinux.png?width=60pc" alt="GoboLinux image" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-443bd1a39f1722aae750b94c2cca4d31"><img src="../showcase/gobolinux.png?width=60pc" alt="GoboLinux image" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-3f5ce48c837402fc074b978773f32b5d" class="lightbox-link"><img src="../showcase/gobolinux.png?width=60pc" alt="GoboLinux image" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-3f5ce48c837402fc074b978773f32b5d"><img src="../showcase/gobolinux.png?width=60pc" alt="GoboLinux image" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="bitshttpsbits-trainingdetraining-by-dr-lutz-gollan"><a href="https://bits-training.de/training/" target="_blank">BITS</a> by Dr. Lutz Gollan</h2>
-<p><a href="#image-6b96e3054b2bb028f1e3743ff7ed42d9" class="lightbox-link"><img src="../showcase/bits-train.png?width=60pc" alt="BITS image" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-6b96e3054b2bb028f1e3743ff7ed42d9"><img src="../showcase/bits-train.png?width=60pc" alt="BITS image" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-ca18fc2f61b7ca455c69ec7d4e6930c9" class="lightbox-link"><img src="../showcase/bits-train.png?width=60pc" alt="BITS image" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-ca18fc2f61b7ca455c69ec7d4e6930c9"><img src="../showcase/bits-train.png?width=60pc" alt="BITS image" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 <h2 id="pamasol-electricshttpspamasolgithubiode-by-pamasol"><a href="https://pamasol.github.io/de/" target="_blank">Pamasol Electrics</a> by Pamasol</h2>
-<p><a href="#image-84f93e6455b6deded54a38e7a71dfe49" class="lightbox-link"><img src="../showcase/pamasol-electrics-portal.png?width=60pc" alt="Pamasol Electrics" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
-<a href="javascript:history.back();" class="lightbox-back" id="image-84f93e6455b6deded54a38e7a71dfe49"><img src="../showcase/pamasol-electrics-portal.png?width=60pc" alt="Pamasol Electrics" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
+<p><a href="#image-6799fe62e261f398d545d8caf0ed9332" class="lightbox-link"><img src="../showcase/pamasol-electrics-portal.png?width=60pc" alt="Pamasol Electrics" class="figure-image bg-white border lightbox noshadow" style="height: auto; width: 60pc;" loading="lazy"></a>
+<a href="javascript:history.back();" class="lightbox-back" id="image-6799fe62e261f398d545d8caf0ed9332"><img src="../showcase/pamasol-electrics-portal.png?width=60pc" alt="Pamasol Electrics" class="lightbox-image bg-white border lightbox noshadow" loading="lazy"></a></p>
 
             <footer class="footline">
 
@@ -97,8 +97,8 @@
         </div>
       </main>
     </div>
-    <script src="../js/clipboard.min.js?1694553675" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1694553675" defer></script>
-    <script src="../js/theme.js?1694553675" defer></script>
+    <script src="../js/clipboard.min.js?1694640598" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1694640598" defer></script>
+    <script src="../js/theme.js?1694640598" defer></script>
   </body>
 </html>
diff --git a/tags/children/index.html b/tags/children/index.html
index 012454cb70..836ba1d85c 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1694553673" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1694553673" rel="stylesheet">
-    <link href="../../css/fonts.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1694553673" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1694553673" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1694553673" rel="stylesheet">
-    <link href="../../css/print.css?1694553673" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1694553673" rel="stylesheet">
-    <script src="../../js/url.js?1694553673"></script>
-    <script src="../../js/variant.js?1694553673"></script>
+    <link href="../../css/fontawesome-all.min.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694640597" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694640597" rel="stylesheet">
+    <link href="../../css/fonts.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694640597" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694640597" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694640597" rel="stylesheet">
+    <link href="../../css/print.css?1694640597" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1694640597" rel="stylesheet">
+    <script src="../../js/url.js?1694640597"></script>
+    <script src="../../js/variant.js?1694640597"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -51,33 +51,33 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../tags/children/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <span>
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </span>
-            </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../index.html" title="Hugo Relearn Theme (🡐)">
-                <i class="fa-fw fas fa-chevron-left"></i>
-              </a>
-            </div>
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../tags/index.html"><span itemprop="name">Tags</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Tag :: Children</span><meta itemprop="position" content="3"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-prev">
+              <a href="../../index.html" title="Hugo Relearn Theme (🡐)">
+                <i class="fa-fw fas fa-chevron-left"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-next">
+              <span>
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </span>
+            </div>
           </div>
         </div>
       </nav>
@@ -189,12 +189,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1694553674" defer></script>
-        <script src="../../js/search.js?1694553674" defer></script>
+        <script src="../../js/auto-complete.js?1694640598" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1694640598" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694640598" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1694640598" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1694640598" defer></script>
+        <script src="../../js/search.js?1694640598" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -325,8 +325,12 @@
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -334,27 +338,25 @@
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1694553674"></script>
+          <script async src="../../js/github-buttons.js?1694640598"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1694553674" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1694553674" defer></script>
-    <script src="../../js/theme.js?1694553674" defer></script>
+    <script src="../../js/clipboard.min.js?1694640598" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694640598" defer></script>
+    <script src="../../js/theme.js?1694640598" defer></script>
   </body>
 </html>
diff --git a/tags/config/index.html b/tags/config/index.html
index 0fd8d58323..31df60fa9b 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1694553673" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1694553673" rel="stylesheet">
-    <link href="../../css/fonts.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1694553673" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1694553673" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1694553673" rel="stylesheet">
-    <link href="../../css/print.css?1694553673" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1694553673" rel="stylesheet">
-    <script src="../../js/url.js?1694553673"></script>
-    <script src="../../js/variant.js?1694553673"></script>
+    <link href="../../css/fontawesome-all.min.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694640597" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694640597" rel="stylesheet">
+    <link href="../../css/fonts.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694640597" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694640597" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694640597" rel="stylesheet">
+    <link href="../../css/print.css?1694640597" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1694640597" rel="stylesheet">
+    <script src="../../js/url.js?1694640597"></script>
+    <script src="../../js/variant.js?1694640597"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -51,33 +51,33 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../tags/config/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <span>
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </span>
-            </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../index.html" title="Hugo Relearn Theme (🡐)">
-                <i class="fa-fw fas fa-chevron-left"></i>
-              </a>
-            </div>
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../tags/index.html"><span itemprop="name">Tags</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Tag :: config</span><meta itemprop="position" content="3"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-prev">
+              <a href="../../index.html" title="Hugo Relearn Theme (🡐)">
+                <i class="fa-fw fas fa-chevron-left"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-next">
+              <span>
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </span>
+            </div>
           </div>
         </div>
       </nav>
@@ -175,12 +175,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1694553674" defer></script>
-        <script src="../../js/search.js?1694553674" defer></script>
+        <script src="../../js/auto-complete.js?1694640598" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1694640598" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694640598" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1694640598" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1694640598" defer></script>
+        <script src="../../js/search.js?1694640598" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -311,8 +311,12 @@
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -320,27 +324,25 @@
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1694553674"></script>
+          <script async src="../../js/github-buttons.js?1694640598"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1694553674" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1694553674" defer></script>
-    <script src="../../js/theme.js?1694553674" defer></script>
+    <script src="../../js/clipboard.min.js?1694640598" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694640598" defer></script>
+    <script src="../../js/theme.js?1694640598" defer></script>
   </body>
 </html>
diff --git a/tags/content/index.html b/tags/content/index.html
index 64d867450a..c1e864f0b3 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1694553673" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1694553673" rel="stylesheet">
-    <link href="../../css/fonts.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1694553673" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1694553673" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1694553673" rel="stylesheet">
-    <link href="../../css/print.css?1694553673" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1694553673" rel="stylesheet">
-    <script src="../../js/url.js?1694553673"></script>
-    <script src="../../js/variant.js?1694553673"></script>
+    <link href="../../css/fontawesome-all.min.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694640597" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694640597" rel="stylesheet">
+    <link href="../../css/fonts.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694640597" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694640597" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694640597" rel="stylesheet">
+    <link href="../../css/print.css?1694640597" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1694640597" rel="stylesheet">
+    <script src="../../js/url.js?1694640597"></script>
+    <script src="../../js/variant.js?1694640597"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -51,33 +51,33 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../tags/content/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <span>
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </span>
-            </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../index.html" title="Hugo Relearn Theme (🡐)">
-                <i class="fa-fw fas fa-chevron-left"></i>
-              </a>
-            </div>
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../tags/index.html"><span itemprop="name">Tags</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Tag :: Content</span><meta itemprop="position" content="3"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-prev">
+              <a href="../../index.html" title="Hugo Relearn Theme (🡐)">
+                <i class="fa-fw fas fa-chevron-left"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-next">
+              <span>
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </span>
+            </div>
           </div>
         </div>
       </nav>
@@ -175,12 +175,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1694553674" defer></script>
-        <script src="../../js/search.js?1694553674" defer></script>
+        <script src="../../js/auto-complete.js?1694640598" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1694640598" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694640598" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1694640598" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1694640598" defer></script>
+        <script src="../../js/search.js?1694640598" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -311,8 +311,12 @@
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -320,27 +324,25 @@
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1694553674"></script>
+          <script async src="../../js/github-buttons.js?1694640598"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1694553674" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1694553674" defer></script>
-    <script src="../../js/theme.js?1694553674" defer></script>
+    <script src="../../js/clipboard.min.js?1694640598" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694640598" defer></script>
+    <script src="../../js/theme.js?1694640598" defer></script>
   </body>
 </html>
diff --git a/tags/documentation/index.html b/tags/documentation/index.html
index deb700a5b9..4a8ce8d1d7 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1694553673" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1694553673" rel="stylesheet">
-    <link href="../../css/fonts.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1694553673" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1694553673" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1694553673" rel="stylesheet">
-    <link href="../../css/print.css?1694553673" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1694553673" rel="stylesheet">
-    <script src="../../js/url.js?1694553673"></script>
-    <script src="../../js/variant.js?1694553673"></script>
+    <link href="../../css/fontawesome-all.min.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694640597" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694640597" rel="stylesheet">
+    <link href="../../css/fonts.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694640597" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694640597" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694640597" rel="stylesheet">
+    <link href="../../css/print.css?1694640597" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1694640597" rel="stylesheet">
+    <script src="../../js/url.js?1694640597"></script>
+    <script src="../../js/variant.js?1694640597"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -48,33 +48,33 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../tags/documentation/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <span>
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </span>
-            </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../index.html" title="Hugo Relearn Theme (🡐)">
-                <i class="fa-fw fas fa-chevron-left"></i>
-              </a>
-            </div>
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../tags/index.html"><span itemprop="name">Tags</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Tag :: documentation</span><meta itemprop="position" content="3"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-prev">
+              <a href="../../index.html" title="Hugo Relearn Theme (🡐)">
+                <i class="fa-fw fas fa-chevron-left"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-next">
+              <span>
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </span>
+            </div>
           </div>
         </div>
       </nav>
@@ -172,12 +172,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1694553674" defer></script>
-        <script src="../../js/search.js?1694553674" defer></script>
+        <script src="../../js/auto-complete.js?1694640598" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1694640598" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694640598" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1694640598" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1694640598" defer></script>
+        <script src="../../js/search.js?1694640598" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -307,8 +307,12 @@
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -316,27 +320,25 @@
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1694553674"></script>
+          <script async src="../../js/github-buttons.js?1694640598"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1694553674" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1694553674" defer></script>
-    <script src="../../js/theme.js?1694553674" defer></script>
+    <script src="../../js/clipboard.min.js?1694640598" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694640598" defer></script>
+    <script src="../../js/theme.js?1694640598" defer></script>
   </body>
 </html>
diff --git a/tags/hidden/index.html b/tags/hidden/index.html
index 270af91a9a..82a17e992b 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1694553673" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1694553673" rel="stylesheet">
-    <link href="../../css/fonts.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1694553673" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1694553673" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1694553673" rel="stylesheet">
-    <link href="../../css/print.css?1694553673" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1694553673" rel="stylesheet">
-    <script src="../../js/url.js?1694553673"></script>
-    <script src="../../js/variant.js?1694553673"></script>
+    <link href="../../css/fontawesome-all.min.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694640597" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694640597" rel="stylesheet">
+    <link href="../../css/fonts.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694640597" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694640597" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694640597" rel="stylesheet">
+    <link href="../../css/print.css?1694640597" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1694640597" rel="stylesheet">
+    <script src="../../js/url.js?1694640597"></script>
+    <script src="../../js/variant.js?1694640597"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -51,33 +51,33 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../tags/hidden/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <span>
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </span>
-            </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../index.html" title="Hugo Relearn Theme (🡐)">
-                <i class="fa-fw fas fa-chevron-left"></i>
-              </a>
-            </div>
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../tags/index.html"><span itemprop="name">Tags</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Tag :: hidden</span><meta itemprop="position" content="3"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-prev">
+              <a href="../../index.html" title="Hugo Relearn Theme (🡐)">
+                <i class="fa-fw fas fa-chevron-left"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-next">
+              <span>
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </span>
+            </div>
           </div>
         </div>
       </nav>
@@ -179,12 +179,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1694553674" defer></script>
-        <script src="../../js/search.js?1694553674" defer></script>
+        <script src="../../js/auto-complete.js?1694640598" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1694640598" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694640598" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1694640598" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1694640598" defer></script>
+        <script src="../../js/search.js?1694640598" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -315,8 +315,12 @@
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -324,27 +328,25 @@
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1694553674"></script>
+          <script async src="../../js/github-buttons.js?1694640598"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1694553674" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1694553674" defer></script>
-    <script src="../../js/theme.js?1694553674" defer></script>
+    <script src="../../js/clipboard.min.js?1694640598" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694640598" defer></script>
+    <script src="../../js/theme.js?1694640598" defer></script>
   </body>
 </html>
diff --git a/tags/index.html b/tags/index.html
index 914a92bda8..a0654dd2aa 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1694553673" rel="stylesheet">
-    <link href="../css/auto-complete.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1694553673" rel="stylesheet">
-    <link href="../css/fonts.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1694553673" rel="stylesheet">
-    <link href="../css/theme-auto.css?1694553673" rel="stylesheet" id="variant-style">
-    <link href="../css/variant.css?1694553673" rel="stylesheet">
-    <link href="../css/print.css?1694553673" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1694553673" rel="stylesheet">
-    <script src="../js/url.js?1694553673"></script>
-    <script src="../js/variant.js?1694553673"></script>
+    <link href="../css/fontawesome-all.min.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1694640597" rel="stylesheet">
+    <link href="../css/auto-complete.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1694640597" rel="stylesheet">
+    <link href="../css/fonts.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1694640597" rel="stylesheet">
+    <link href="../css/theme-auto.css?1694640597" rel="stylesheet" id="variant-style">
+    <link href="../css/variant.css?1694640597" rel="stylesheet">
+    <link href="../css/print.css?1694640597" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1694640597" rel="stylesheet">
+    <script src="../js/url.js?1694640597"></script>
+    <script src="../js/variant.js?1694640597"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -51,40 +51,23 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../tags/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <span>
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </span>
-            </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../index.html" title="Hugo Relearn Theme (🡐)">
-                <i class="fa-fw fas fa-chevron-left"></i>
-              </a>
-            </div>
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
+            <div id="sidebar-overlay"></div>
             <div class="topbar-button topbar-toc">
               <button onclick="showToc()" type="button" title="Table of Contents (CTRL&#43;ALT&#43;t)">
                 <i class="fa-fw fas fa-list-alt"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
-              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Tags</span><meta itemprop="position" content="2"></li>
-            </ol>
-          </div>
-          <div class="default-animation progress">
-            <div class="toc-wrapper">
+            <div class="default-animation progress">
+              <div class="toc-wrapper">
 <nav id="TableOfContents">
   <ul>
     <li><a href="#c">C</a></li>
@@ -94,6 +77,24 @@
     <li><a href="#t">T</a></li>
   </ul>
 </nav>
+              </div>
+            </div>
+            <div id="toc-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
+              <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Tags</span><meta itemprop="position" content="2"></li>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-prev">
+              <a href="../index.html" title="Hugo Relearn Theme (🡐)">
+                <i class="fa-fw fas fa-chevron-left"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-next">
+              <span>
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </span>
             </div>
           </div>
         </div>
@@ -211,12 +212,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1694553674" defer></script>
-        <script src="../js/lunr/lunr.min.js?1694553674" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1694553674" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1694553674" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1694553674" defer></script>
-        <script src="../js/search.js?1694553674" defer></script>
+        <script src="../js/auto-complete.js?1694640598" defer></script>
+        <script src="../js/lunr/lunr.min.js?1694640598" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1694640598" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1694640598" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1694640598" defer></script>
+        <script src="../js/search.js?1694640598" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -347,8 +348,12 @@
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -356,27 +361,25 @@
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../js/github-buttons.js?1694553674"></script>
+          <script async src="../js/github-buttons.js?1694640598"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1694553674" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1694553674" defer></script>
-    <script src="../js/theme.js?1694553674" defer></script>
+    <script src="../js/clipboard.min.js?1694640598" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1694640598" defer></script>
+    <script src="../js/theme.js?1694640598" defer></script>
   </body>
 </html>
diff --git a/tags/non-hidden/index.html b/tags/non-hidden/index.html
index fdec908e62..79423ca3cf 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1694553673" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1694553673" rel="stylesheet">
-    <link href="../../css/fonts.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1694553673" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1694553673" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1694553673" rel="stylesheet">
-    <link href="../../css/print.css?1694553673" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1694553673" rel="stylesheet">
-    <script src="../../js/url.js?1694553673"></script>
-    <script src="../../js/variant.js?1694553673"></script>
+    <link href="../../css/fontawesome-all.min.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694640597" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694640597" rel="stylesheet">
+    <link href="../../css/fonts.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694640597" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694640597" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694640597" rel="stylesheet">
+    <link href="../../css/print.css?1694640597" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1694640597" rel="stylesheet">
+    <script src="../../js/url.js?1694640597"></script>
+    <script src="../../js/variant.js?1694640597"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -51,33 +51,33 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../tags/non-hidden/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <span>
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </span>
-            </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../index.html" title="Hugo Relearn Theme (🡐)">
-                <i class="fa-fw fas fa-chevron-left"></i>
-              </a>
-            </div>
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../tags/index.html"><span itemprop="name">Tags</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Tag :: non-hidden</span><meta itemprop="position" content="3"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-prev">
+              <a href="../../index.html" title="Hugo Relearn Theme (🡐)">
+                <i class="fa-fw fas fa-chevron-left"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-next">
+              <span>
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </span>
+            </div>
           </div>
         </div>
       </nav>
@@ -183,12 +183,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1694553674" defer></script>
-        <script src="../../js/search.js?1694553674" defer></script>
+        <script src="../../js/auto-complete.js?1694640598" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1694640598" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694640598" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1694640598" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1694640598" defer></script>
+        <script src="../../js/search.js?1694640598" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -319,8 +319,12 @@
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -328,27 +332,25 @@
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1694553674"></script>
+          <script async src="../../js/github-buttons.js?1694640598"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1694553674" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1694553674" defer></script>
-    <script src="../../js/theme.js?1694553674" defer></script>
+    <script src="../../js/clipboard.min.js?1694640598" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694640598" defer></script>
+    <script src="../../js/theme.js?1694640598" defer></script>
   </body>
 </html>
diff --git a/tags/tutorial/index.html b/tags/tutorial/index.html
index 6617c9ee86..4e521fa4ed 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?1694553673" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1694640597" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1694553673" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1694553673" rel="stylesheet">
-    <link href="../../css/fonts.css?1694553673" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694553673" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1694553673" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1694553673" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1694553673" rel="stylesheet">
-    <link href="../../css/print.css?1694553673" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1694553673" rel="stylesheet">
-    <script src="../../js/url.js?1694553673"></script>
-    <script src="../../js/variant.js?1694553673"></script>
+    <link href="../../css/fontawesome-all.min.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1694640597" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1694640597" rel="stylesheet">
+    <link href="../../css/fonts.css?1694640597" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1694640597" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1694640597" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1694640597" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1694640597" rel="stylesheet">
+    <link href="../../css/print.css?1694640597" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1694640597" rel="stylesheet">
+    <script src="../../js/url.js?1694640597"></script>
+    <script src="../../js/variant.js?1694640597"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -48,33 +48,33 @@
   </head>
   <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../tags/tutorial/index.html">
     <div id="body" class="default-animation">
-      <div id="sidebar-overlay"></div>
-      <div id="toc-overlay"></div>
       <nav id="topbar">
         <div>
-          <div class="topbar-right">
-            <div class="topbar-button topbar-next">
-              <span>
-                <i class="fa-fw fas fa-chevron-right"></i>
-              </span>
-            </div>
-            <div class="topbar-button topbar-prev">
-              <a href="../../index.html" title="Hugo Relearn Theme (🡐)">
-                <i class="fa-fw fas fa-chevron-left"></i>
-              </a>
-            </div>
-          </div>
+          <div class="topbar-sidebar-divider"></div>
           <div class="topbar-left">
             <div class="topbar-button topbar-sidebar">
               <button onclick="showNav()" type="button" title="Menu (CTRL&#43;ALT&#43;n)">
                 <i class="fa-fw fas fa-bars"></i>
               </button>
             </div>
-            <ol class="breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
+            <div id="sidebar-overlay"></div>
+          </div>
+          <ol class="topbar-breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList">
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../index.html"><span itemprop="name">Hugo Relearn Theme</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../tags/index.html"><span itemprop="name">Tags</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li>
               <li itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Tag :: tutorial</span><meta itemprop="position" content="3"></li>
-            </ol>
+          </ol>
+          <div class="topbar-right">
+            <div class="topbar-button topbar-prev">
+              <a href="../../index.html" title="Hugo Relearn Theme (🡐)">
+                <i class="fa-fw fas fa-chevron-left"></i>
+              </a>
+            </div>
+            <div class="topbar-button topbar-next">
+              <span>
+                <i class="fa-fw fas fa-chevron-right"></i>
+              </span>
+            </div>
           </div>
         </div>
       </nav>
@@ -172,12 +172,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1694553674" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1694553674" defer></script>
-        <script src="../../js/search.js?1694553674" defer></script>
+        <script src="../../js/auto-complete.js?1694640598" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1694640598" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1694640598" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1694640598" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1694640598" defer></script>
+        <script src="../../js/search.js?1694640598" defer></script>
       </div>
       <div id="homelinks" class="default-animation">
         <hr class="padding">
@@ -307,8 +307,12 @@
               }
               return scheme;
             }
-            document.addEventListener( 'themeVariantLoaded', function( e ){
-              
+            function githubButtonsInit(){
+              if( !window.githubButtons ){
+                
+                setTimeout( githubButtonsInit, 50 );
+                return;
+              }
               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>
@@ -316,27 +320,25 @@
                 <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;
-              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 );
-              }
+              document.querySelectorAll( '.github-button' ).forEach( function( anchor ){
+                anchor.dataset.colorScheme = scheme;
+                window.githubButtons.render( anchor, function( el ){
+                  anchor.parentNode.replaceChild( el, anchor );
+                });
+              });
+            }
+            document.addEventListener( 'themeVariantLoaded', function( e ){
+              
+              setTimeout( githubButtonsInit, 400 );
             });
           </script>
-          <script async src="../../js/github-buttons.js?1694553674"></script>
+          <script async src="../../js/github-buttons.js?1694640598"></script>
           </div>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1694553674" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1694553674" defer></script>
-    <script src="../../js/theme.js?1694553674" defer></script>
+    <script src="../../js/clipboard.min.js?1694640598" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1694640598" defer></script>
+    <script src="../../js/theme.js?1694640598" defer></script>
   </body>
 </html>