diff --git a/404.html b/404.html
index 3f04643dcc..1f94c244f2 100644
--- a/404.html
+++ b/404.html
@@ -8,20 +8,20 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>404 Page not found :: Hugo Relearn Theme</title>
-    <link href="./images/logo.svg?1676326934" rel="icon" type="image/svg+xml">
+    <link href="./images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="./css/fontawesome-all.min.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1676326934" rel="stylesheet"></noscript>
-    <link href="./css/nucleus.css?1676326934" rel="stylesheet">
-    <link href="./css/auto-complete.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1676326934" rel="stylesheet"></noscript>
-    <link href="./css/perfect-scrollbar.min.css?1676326934" rel="stylesheet">
-    <link href="./css/fonts.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1676326934" rel="stylesheet"></noscript>
-    <link href="./css/theme.css?1676326934" rel="stylesheet">
-    <link href="./css/theme-auto.css?1676326934" rel="stylesheet" id="variant-style">
-    <link href="./css/variant.css?1676326934" rel="stylesheet">
-    <link href="./css/print.css?1676326934" rel="stylesheet" media="print">
-    <link href="./css/ie.css?1676326934" rel="stylesheet">
-    <script src="./js/url.js?1676326934"></script>
-    <script src="./js/variant.js?1676326934"></script>
+    <link href="./css/fontawesome-all.min.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1676402965" rel="stylesheet"></noscript>
+    <link href="./css/nucleus.css?1676402965" rel="stylesheet">
+    <link href="./css/auto-complete.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1676402965" rel="stylesheet"></noscript>
+    <link href="./css/perfect-scrollbar.min.css?1676402965" rel="stylesheet">
+    <link href="./css/fonts.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1676402965" rel="stylesheet"></noscript>
+    <link href="./css/theme.css?1676402965" rel="stylesheet">
+    <link href="./css/theme-auto.css?1676402965" rel="stylesheet" id="variant-style">
+    <link href="./css/variant.css?1676402965" rel="stylesheet">
+    <link href="./css/print.css?1676402965" rel="stylesheet" media="print">
+    <link href="./css/ie.css?1676402965" rel="stylesheet">
+    <script src="./js/url.js?1676402965"></script>
+    <script src="./js/variant.js?1676402965"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
diff --git a/basics/changelog/index.html b/basics/changelog/index.html
index 3ff7e6fe2d..8897edb8de 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>Hugo Relearn Theme</title>
-    <link href="../../images/logo.svg?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1676326934" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1676326934" rel="stylesheet">
-    <link href="../../css/fonts.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1676326934" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1676326934" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1676326934" rel="stylesheet">
-    <link href="../../css/print.css?1676326934" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1676326934" rel="stylesheet">
-    <script src="../../js/url.js?1676326934"></script>
-    <script src="../../js/variant.js?1676326934"></script>
+    <link href="../../css/fontawesome-all.min.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1676402965" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1676402965" rel="stylesheet">
+    <link href="../../css/fonts.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1676402965" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1676402965" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1676402965" rel="stylesheet">
+    <link href="../../css/print.css?1676402965" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1676402965" rel="stylesheet">
+    <script src="../../js/url.js?1676402965"></script>
+    <script src="../../js/variant.js?1676402965"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -1594,12 +1594,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -1607,33 +1607,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -1656,12 +1656,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1676326934" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1676326934" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1676326934" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1676326934" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1676326934" defer></script>
-        <script src="../../js/search.js?1676326934" defer></script>
+        <script src="../../js/auto-complete.js?1676402965" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1676402965" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1676402965" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1676402965" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1676402965" defer></script>
+        <script src="../../js/search.js?1676402965" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -1761,14 +1761,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -1778,12 +1778,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1676326934"></script>
+          <script async src="../../js/buttons.js?1676402965"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1676326934" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1676326934" defer></script>
-    <script src="../../js/theme.js?1676326934" defer></script>
+    <script src="../../js/clipboard.min.js?1676402965" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1676402965" defer></script>
+    <script src="../../js/theme.js?1676402965" defer></script>
   </body>
 </html>
diff --git a/basics/changelog/index.print.html b/basics/changelog/index.print.html
index e5f2bc5b45..bd7b5e3f14 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>Hugo Relearn Theme</title>
-    <link href="../../images/logo.svg?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1676326935" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1676326935" rel="stylesheet">
-    <link href="../../css/fonts.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1676326935" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1676326935" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1676326935" rel="stylesheet">
-    <link href="../../css/print.css?1676326935" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1676326935" rel="stylesheet">
-    <link href="../../css/ie.css?1676326935" rel="stylesheet">
-    <script src="../../js/url.js?1676326935"></script>
-    <script src="../../js/variant.js?1676326935"></script>
+    <link href="../../css/fontawesome-all.min.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1676402967" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1676402967" rel="stylesheet">
+    <link href="../../css/fonts.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1676402967" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1676402967" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1676402967" rel="stylesheet">
+    <link href="../../css/print.css?1676402967" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1676402967" rel="stylesheet">
+    <link href="../../css/ie.css?1676402967" rel="stylesheet">
+    <script src="../../js/url.js?1676402967"></script>
+    <script src="../../js/variant.js?1676402967"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -1025,8 +1025,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1676326935" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1676326935" defer></script>
-    <script src="../../js/theme.js?1676326935" defer></script>
+    <script src="../../js/clipboard.min.js?1676402967" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1676402967" defer></script>
+    <script src="../../js/theme.js?1676402967" defer></script>
   </body>
 </html>
diff --git a/basics/configuration/index.html b/basics/configuration/index.html
index ed65340565..7a653a21ef 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?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1676326934" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1676326934" rel="stylesheet">
-    <link href="../../css/fonts.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1676326934" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1676326934" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1676326934" rel="stylesheet">
-    <link href="../../css/print.css?1676326934" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1676326934" rel="stylesheet">
-    <script src="../../js/url.js?1676326934"></script>
-    <script src="../../js/variant.js?1676326934"></script>
+    <link href="../../css/fontawesome-all.min.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1676402965" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1676402965" rel="stylesheet">
+    <link href="../../css/fonts.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1676402965" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1676402965" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1676402965" rel="stylesheet">
+    <link href="../../css/print.css?1676402965" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1676402965" rel="stylesheet">
+    <script src="../../js/url.js?1676402965"></script>
+    <script src="../../js/variant.js?1676402965"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -232,10 +232,10 @@
 </span></span></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-d8eb43610174571255cf480333056cec" class="lightbox-link">
+<a href="#image-53b7a145fee86455d99bf3fc3f6a35a1" class="lightbox-link">
 <img src="../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-d8eb43610174571255cf480333056cec">
+<a href="javascript:history.back();" class="lightbox" id="image-53b7a145fee86455d99bf3fc3f6a35a1">
 <img src="../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="activate-print-support">Activate print support</h2>
@@ -284,11 +284,11 @@ default values:</p>
 </span></span></code></pre></div><p>The home button is going to look like this:</p>
 <p>
 		
-<a href="#image-8935fea7bdb894e3242562eb84adb3fc" class="lightbox-link">
-<img src="../../basics/configuration/home_button_defaults.png?classes=shadow&amp;width=300px" alt="Default Home Button" class="shadow" style="height: auto; width: 300px;" loading="lazy">
+<a href="#image-0c5e9f788e72e3b1105ac12d0395954f" class="lightbox-link">
+<img src="../../basics/configuration/home_button_defaults.png?classes=shadow&amp;width=18.75rem" alt="Default Home Button" class="shadow" style="height: auto; width: 18.75rem;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-8935fea7bdb894e3242562eb84adb3fc">
-<img src="../../basics/configuration/home_button_defaults.png?classes=shadow&amp;width=300px" alt="Default Home Button" class="lightbox-image" loading="lazy">
+<a href="javascript:history.back();" class="lightbox" id="image-0c5e9f788e72e3b1105ac12d0395954f">
+<img src="../../basics/configuration/home_button_defaults.png?classes=shadow&amp;width=18.75rem" alt="Default Home Button" class="lightbox-image" loading="lazy">
 </a></p>
 
             <footer class="footline">
@@ -313,12 +313,12 @@ default values:</p>
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -326,33 +326,33 @@ default values:</p>
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -375,12 +375,12 @@ default values:</p>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1676326935" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1676326935" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1676326935" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1676326935" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1676326935" defer></script>
-        <script src="../../js/search.js?1676326935" defer></script>
+        <script src="../../js/auto-complete.js?1676402966" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1676402966" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1676402966" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1676402966" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1676402966" defer></script>
+        <script src="../../js/search.js?1676402966" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -480,14 +480,14 @@ default values:</p>
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -497,12 +497,12 @@ default values:</p>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1676326935"></script>
+          <script async src="../../js/buttons.js?1676402966"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1676326935" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1676326935" defer></script>
-    <script src="../../js/theme.js?1676326935" defer></script>
+    <script src="../../js/clipboard.min.js?1676402966" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1676402966" defer></script>
+    <script src="../../js/theme.js?1676402966" defer></script>
   </body>
 </html>
diff --git a/basics/configuration/index.print.html b/basics/configuration/index.print.html
index 2326854d97..1b95138a31 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?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1676326935" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1676326935" rel="stylesheet">
-    <link href="../../css/fonts.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1676326935" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1676326935" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1676326935" rel="stylesheet">
-    <link href="../../css/print.css?1676326935" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1676326935" rel="stylesheet">
-    <link href="../../css/ie.css?1676326935" rel="stylesheet">
-    <script src="../../js/url.js?1676326935"></script>
-    <script src="../../js/variant.js?1676326935"></script>
+    <link href="../../css/fontawesome-all.min.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1676402967" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1676402967" rel="stylesheet">
+    <link href="../../css/fonts.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1676402967" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1676402967" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1676402967" rel="stylesheet">
+    <link href="../../css/print.css?1676402967" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1676402967" rel="stylesheet">
+    <link href="../../css/ie.css?1676402967" rel="stylesheet">
+    <script src="../../js/url.js?1676402967"></script>
+    <script src="../../js/variant.js?1676402967"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -188,10 +188,10 @@
 </span></span></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-d8eb43610174571255cf480333056cec" class="lightbox-link">
+<a href="#image-53b7a145fee86455d99bf3fc3f6a35a1" class="lightbox-link">
 <img src="../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-d8eb43610174571255cf480333056cec">
+<a href="javascript:history.back();" class="lightbox" id="image-53b7a145fee86455d99bf3fc3f6a35a1">
 <img src="../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="activate-print-support">Activate print support</h2>
@@ -240,11 +240,11 @@ default values:</p>
 </span></span></code></pre></div><p>The home button is going to look like this:</p>
 <p>
 		
-<a href="#image-8935fea7bdb894e3242562eb84adb3fc" class="lightbox-link">
-<img src="../../basics/configuration/home_button_defaults.png?classes=shadow&amp;width=300px" alt="Default Home Button" class="shadow" style="height: auto; width: 300px;" loading="lazy">
+<a href="#image-0c5e9f788e72e3b1105ac12d0395954f" class="lightbox-link">
+<img src="../../basics/configuration/home_button_defaults.png?classes=shadow&amp;width=18.75rem" alt="Default Home Button" class="shadow" style="height: auto; width: 18.75rem;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-8935fea7bdb894e3242562eb84adb3fc">
-<img src="../../basics/configuration/home_button_defaults.png?classes=shadow&amp;width=300px" alt="Default Home Button" class="lightbox-image" loading="lazy">
+<a href="javascript:history.back();" class="lightbox" id="image-0c5e9f788e72e3b1105ac12d0395954f">
+<img src="../../basics/configuration/home_button_defaults.png?classes=shadow&amp;width=18.75rem" alt="Default Home Button" class="lightbox-image" loading="lazy">
 </a></p>
 
             <footer class="footline">
@@ -253,8 +253,8 @@ default values:</p>
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1676326936" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1676326936" defer></script>
-    <script src="../../js/theme.js?1676326936" defer></script>
+    <script src="../../js/clipboard.min.js?1676402967" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1676402967" defer></script>
+    <script src="../../js/theme.js?1676402967" defer></script>
   </body>
 </html>
diff --git a/basics/customization/index.html b/basics/customization/index.html
index edff8723ed..2882ba5f18 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?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1676326934" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1676326934" rel="stylesheet">
-    <link href="../../css/fonts.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1676326934" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1676326934" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1676326934" rel="stylesheet">
-    <link href="../../css/print.css?1676326934" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1676326934" rel="stylesheet">
-    <script src="../../js/url.js?1676326934"></script>
-    <script src="../../js/variant.js?1676326934"></script>
+    <link href="../../css/fontawesome-all.min.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1676402965" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1676402965" rel="stylesheet">
+    <link href="../../css/fonts.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1676402965" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1676402965" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1676402965" rel="stylesheet">
+    <link href="../../css/print.css?1676402965" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1676402965" rel="stylesheet">
+    <script src="../../js/url.js?1676402965"></script>
+    <script src="../../js/variant.js?1676402965"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -213,12 +213,12 @@ You could use an <code>img</code> HTML tag and reference an image created under
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -226,33 +226,33 @@ You could use an <code>img</code> HTML tag and reference an image created under
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -275,12 +275,12 @@ You could use an <code>img</code> HTML tag and reference an image created under
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1676326935" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1676326935" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1676326935" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1676326935" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1676326935" defer></script>
-        <script src="../../js/search.js?1676326935" defer></script>
+        <script src="../../js/auto-complete.js?1676402966" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1676402966" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1676402966" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1676402966" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1676402966" defer></script>
+        <script src="../../js/search.js?1676402966" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -380,14 +380,14 @@ You could use an <code>img</code> HTML tag and reference an image created under
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -397,12 +397,12 @@ You could use an <code>img</code> HTML tag and reference an image created under
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1676326935"></script>
+          <script async src="../../js/buttons.js?1676402966"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1676326935" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1676326935" defer></script>
-    <script src="../../js/theme.js?1676326935" defer></script>
+    <script src="../../js/clipboard.min.js?1676402966" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1676402966" defer></script>
+    <script src="../../js/theme.js?1676402966" defer></script>
   </body>
 </html>
diff --git a/basics/customization/index.print.html b/basics/customization/index.print.html
index d406e64885..ebc0453afd 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?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1676326935" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1676326935" rel="stylesheet">
-    <link href="../../css/fonts.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1676326935" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1676326935" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1676326935" rel="stylesheet">
-    <link href="../../css/print.css?1676326935" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1676326935" rel="stylesheet">
-    <link href="../../css/ie.css?1676326935" rel="stylesheet">
-    <script src="../../js/url.js?1676326935"></script>
-    <script src="../../js/variant.js?1676326935"></script>
+    <link href="../../css/fontawesome-all.min.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1676402967" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1676402967" rel="stylesheet">
+    <link href="../../css/fonts.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1676402967" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1676402967" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1676402967" rel="stylesheet">
+    <link href="../../css/print.css?1676402967" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1676402967" rel="stylesheet">
+    <link href="../../css/ie.css?1676402967" rel="stylesheet">
+    <script src="../../js/url.js?1676402967"></script>
+    <script src="../../js/variant.js?1676402967"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -162,8 +162,8 @@ You could use an <code>img</code> HTML tag and reference an image created under
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1676326936" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1676326936" defer></script>
-    <script src="../../js/theme.js?1676326936" defer></script>
+    <script src="../../js/clipboard.min.js?1676402967" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1676402967" defer></script>
+    <script src="../../js/theme.js?1676402967" defer></script>
   </body>
 </html>
diff --git a/basics/generator/index.html b/basics/generator/index.html
index edb3e9fbc0..39cf685136 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?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1676326934" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1676326934" rel="stylesheet">
-    <link href="../../css/fonts.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1676326934" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1676326934" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1676326934" rel="stylesheet">
-    <link href="../../css/print.css?1676326934" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1676326934" rel="stylesheet">
-    <script src="../../js/url.js?1676326934"></script>
-    <script src="../../js/variant.js?1676326934"></script>
+    <link href="../../css/fontawesome-all.min.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1676402965" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1676402965" rel="stylesheet">
+    <link href="../../css/fonts.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1676402965" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1676402965" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1676402965" rel="stylesheet">
+    <link href="../../css/print.css?1676402965" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1676402965" rel="stylesheet">
+    <script src="../../js/url.js?1676402965"></script>
+    <script src="../../js/variant.js?1676402965"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -172,12 +172,12 @@ window.variants && variants.generator( '#vargenerator' );
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -185,33 +185,33 @@ window.variants && variants.generator( '#vargenerator' );
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -234,12 +234,12 @@ window.variants && variants.generator( '#vargenerator' );
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1676326935" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1676326935" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1676326935" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1676326935" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1676326935" defer></script>
-        <script src="../../js/search.js?1676326935" defer></script>
+        <script src="../../js/auto-complete.js?1676402966" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1676402966" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1676402966" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1676402966" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1676402966" defer></script>
+        <script src="../../js/search.js?1676402966" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -339,14 +339,14 @@ window.variants && variants.generator( '#vargenerator' );
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -356,25 +356,25 @@ window.variants && variants.generator( '#vargenerator' );
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1676326935"></script>
+          <script async src="../../js/buttons.js?1676402966"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1676326935" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1676326935" defer></script>
-    <script src="../../js/d3/d3-color.min.js?1676326935" defer></script>
-    <script src="../../js/d3/d3-dispatch.min.js?1676326935" defer></script>
-    <script src="../../js/d3/d3-drag.min.js?1676326935" defer></script>
-    <script src="../../js/d3/d3-ease.min.js?1676326935" defer></script>
-    <script src="../../js/d3/d3-interpolate.min.js?1676326935" defer></script>
-    <script src="../../js/d3/d3-selection.min.js?1676326935" defer></script>
-    <script src="../../js/d3/d3-timer.min.js?1676326935" defer></script>
-    <script src="../../js/d3/d3-transition.min.js?1676326935" defer></script>
-    <script src="../../js/d3/d3-zoom.min.js?1676326935" defer></script>
-    <script src="../../js/mermaid.min.js?1676326935" defer></script>
+    <script src="../../js/clipboard.min.js?1676402966" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1676402966" defer></script>
+    <script src="../../js/d3/d3-color.min.js?1676402966" defer></script>
+    <script src="../../js/d3/d3-dispatch.min.js?1676402966" defer></script>
+    <script src="../../js/d3/d3-drag.min.js?1676402966" defer></script>
+    <script src="../../js/d3/d3-ease.min.js?1676402966" defer></script>
+    <script src="../../js/d3/d3-interpolate.min.js?1676402966" defer></script>
+    <script src="../../js/d3/d3-selection.min.js?1676402966" defer></script>
+    <script src="../../js/d3/d3-timer.min.js?1676402966" defer></script>
+    <script src="../../js/d3/d3-transition.min.js?1676402966" defer></script>
+    <script src="../../js/d3/d3-zoom.min.js?1676402966" defer></script>
+    <script src="../../js/mermaid.min.js?1676402966" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../../js/theme.js?1676326935" defer></script>
+    <script src="../../js/theme.js?1676402966" defer></script>
   </body>
 </html>
diff --git a/basics/generator/index.print.html b/basics/generator/index.print.html
index 895de9e955..33fcf19d26 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?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1676326935" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1676326935" rel="stylesheet">
-    <link href="../../css/fonts.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1676326935" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1676326935" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1676326935" rel="stylesheet">
-    <link href="../../css/print.css?1676326935" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1676326935" rel="stylesheet">
-    <link href="../../css/ie.css?1676326935" rel="stylesheet">
-    <script src="../../js/url.js?1676326935"></script>
-    <script src="../../js/variant.js?1676326935"></script>
+    <link href="../../css/fontawesome-all.min.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1676402967" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1676402967" rel="stylesheet">
+    <link href="../../css/fonts.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1676402967" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1676402967" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1676402967" rel="stylesheet">
+    <link href="../../css/print.css?1676402967" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1676402967" rel="stylesheet">
+    <link href="../../css/ie.css?1676402967" rel="stylesheet">
+    <script src="../../js/url.js?1676402967"></script>
+    <script src="../../js/variant.js?1676402967"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -131,21 +131,21 @@ window.variants && variants.generator( '#vargenerator' );
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1676326936" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1676326936" defer></script>
-    <script src="../../js/d3/d3-color.min.js?1676326936" defer></script>
-    <script src="../../js/d3/d3-dispatch.min.js?1676326936" defer></script>
-    <script src="../../js/d3/d3-drag.min.js?1676326936" defer></script>
-    <script src="../../js/d3/d3-ease.min.js?1676326936" defer></script>
-    <script src="../../js/d3/d3-interpolate.min.js?1676326936" defer></script>
-    <script src="../../js/d3/d3-selection.min.js?1676326936" defer></script>
-    <script src="../../js/d3/d3-timer.min.js?1676326936" defer></script>
-    <script src="../../js/d3/d3-transition.min.js?1676326936" defer></script>
-    <script src="../../js/d3/d3-zoom.min.js?1676326936" defer></script>
-    <script src="../../js/mermaid.min.js?1676326936" defer></script>
+    <script src="../../js/clipboard.min.js?1676402967" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1676402967" defer></script>
+    <script src="../../js/d3/d3-color.min.js?1676402967" defer></script>
+    <script src="../../js/d3/d3-dispatch.min.js?1676402967" defer></script>
+    <script src="../../js/d3/d3-drag.min.js?1676402967" defer></script>
+    <script src="../../js/d3/d3-ease.min.js?1676402967" defer></script>
+    <script src="../../js/d3/d3-interpolate.min.js?1676402967" defer></script>
+    <script src="../../js/d3/d3-selection.min.js?1676402967" defer></script>
+    <script src="../../js/d3/d3-timer.min.js?1676402967" defer></script>
+    <script src="../../js/d3/d3-transition.min.js?1676402967" defer></script>
+    <script src="../../js/d3/d3-zoom.min.js?1676402967" defer></script>
+    <script src="../../js/mermaid.min.js?1676402967" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../../js/theme.js?1676326936" defer></script>
+    <script src="../../js/theme.js?1676402967" defer></script>
   </body>
 </html>
diff --git a/basics/history/index.html b/basics/history/index.html
index b4cd0a1b35..535be06e16 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?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1676326934" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1676326934" rel="stylesheet">
-    <link href="../../css/fonts.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1676326934" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1676326934" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1676326934" rel="stylesheet">
-    <link href="../../css/print.css?1676326934" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1676326934" rel="stylesheet">
-    <script src="../../js/url.js?1676326934"></script>
-    <script src="../../js/variant.js?1676326934"></script>
+    <link href="../../css/fontawesome-all.min.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1676402965" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1676402965" rel="stylesheet">
+    <link href="../../css/fonts.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1676402965" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1676402965" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1676402965" rel="stylesheet">
+    <link href="../../css/print.css?1676402965" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1676402965" rel="stylesheet">
+    <script src="../../js/url.js?1676402965"></script>
+    <script src="../../js/variant.js?1676402965"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -1600,12 +1600,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -1613,33 +1613,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -1662,12 +1662,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1676326935" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1676326935" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1676326935" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1676326935" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1676326935" defer></script>
-        <script src="../../js/search.js?1676326935" defer></script>
+        <script src="../../js/auto-complete.js?1676402966" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1676402966" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1676402966" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1676402966" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1676402966" defer></script>
+        <script src="../../js/search.js?1676402966" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -1767,14 +1767,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -1784,12 +1784,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1676326935"></script>
+          <script async src="../../js/buttons.js?1676402966"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1676326935" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1676326935" defer></script>
-    <script src="../../js/theme.js?1676326935" defer></script>
+    <script src="../../js/clipboard.min.js?1676402966" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1676402966" defer></script>
+    <script src="../../js/theme.js?1676402966" defer></script>
   </body>
 </html>
diff --git a/basics/history/index.print.html b/basics/history/index.print.html
index 2e1c956b87..98189ac0ff 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?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1676326935" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1676326935" rel="stylesheet">
-    <link href="../../css/fonts.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1676326935" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1676326935" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1676326935" rel="stylesheet">
-    <link href="../../css/print.css?1676326935" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1676326935" rel="stylesheet">
-    <link href="../../css/ie.css?1676326935" rel="stylesheet">
-    <script src="../../js/url.js?1676326935"></script>
-    <script src="../../js/variant.js?1676326935"></script>
+    <link href="../../css/fontawesome-all.min.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1676402967" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1676402967" rel="stylesheet">
+    <link href="../../css/fonts.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1676402967" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1676402967" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1676402967" rel="stylesheet">
+    <link href="../../css/print.css?1676402967" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1676402967" rel="stylesheet">
+    <link href="../../css/ie.css?1676402967" rel="stylesheet">
+    <script src="../../js/url.js?1676402967"></script>
+    <script src="../../js/variant.js?1676402967"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -1031,8 +1031,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1676326936" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1676326936" defer></script>
-    <script src="../../js/theme.js?1676326936" defer></script>
+    <script src="../../js/clipboard.min.js?1676402967" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1676402967" defer></script>
+    <script src="../../js/theme.js?1676402967" defer></script>
   </body>
 </html>
diff --git a/basics/index.html b/basics/index.html
index fde2b03b47..6acd1476ba 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?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1676326934" rel="stylesheet">
-    <link href="../css/auto-complete.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1676326934" rel="stylesheet">
-    <link href="../css/fonts.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1676326934" rel="stylesheet">
-    <link href="../css/theme-auto.css?1676326934" rel="stylesheet" id="variant-style">
-    <link href="../css/variant.css?1676326934" rel="stylesheet">
-    <link href="../css/print.css?1676326934" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1676326934" rel="stylesheet">
-    <script src="../js/url.js?1676326934"></script>
-    <script src="../js/variant.js?1676326934"></script>
+    <link href="../css/fontawesome-all.min.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1676402965" rel="stylesheet">
+    <link href="../css/auto-complete.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1676402965" rel="stylesheet">
+    <link href="../css/fonts.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1676402965" rel="stylesheet">
+    <link href="../css/theme-auto.css?1676402965" rel="stylesheet" id="variant-style">
+    <link href="../css/variant.css?1676402965" rel="stylesheet">
+    <link href="../css/print.css?1676402965" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1676402965" rel="stylesheet">
+    <script src="../js/url.js?1676402965"></script>
+    <script src="../js/variant.js?1676402965"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -115,12 +115,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -128,33 +128,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -177,12 +177,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1676326935" defer></script>
-        <script src="../js/lunr/lunr.min.js?1676326935" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1676326935" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1676326935" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1676326935" defer></script>
-        <script src="../js/search.js?1676326935" defer></script>
+        <script src="../js/auto-complete.js?1676402966" defer></script>
+        <script src="../js/lunr/lunr.min.js?1676402966" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1676402966" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1676402966" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1676402966" defer></script>
+        <script src="../js/search.js?1676402966" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -282,14 +282,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -299,12 +299,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../js/buttons.js?1676326935"></script>
+          <script async src="../js/buttons.js?1676402966"></script>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1676326935" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1676326935" defer></script>
-    <script src="../js/theme.js?1676326935" defer></script>
+    <script src="../js/clipboard.min.js?1676402966" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1676402966" defer></script>
+    <script src="../js/theme.js?1676402966" defer></script>
   </body>
 </html>
diff --git a/basics/index.print.html b/basics/index.print.html
index a068dcda2d..c6a90f66d0 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?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1676326935" rel="stylesheet">
-    <link href="../css/auto-complete.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1676326935" rel="stylesheet">
-    <link href="../css/fonts.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1676326935" rel="stylesheet">
-    <link href="../css/theme-auto.css?1676326935" rel="stylesheet" id="variant-style">
-    <link href="../css/variant.css?1676326935" rel="stylesheet">
-    <link href="../css/print.css?1676326935" rel="stylesheet" media="print">
-    <link href="../css/format-print.css?1676326935" rel="stylesheet">
-    <link href="../css/ie.css?1676326935" rel="stylesheet">
-    <script src="../js/url.js?1676326935"></script>
-    <script src="../js/variant.js?1676326935"></script>
+    <link href="../css/fontawesome-all.min.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1676402967" rel="stylesheet">
+    <link href="../css/auto-complete.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1676402967" rel="stylesheet">
+    <link href="../css/fonts.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1676402967" rel="stylesheet">
+    <link href="../css/theme-auto.css?1676402967" rel="stylesheet" id="variant-style">
+    <link href="../css/variant.css?1676402967" rel="stylesheet">
+    <link href="../css/print.css?1676402967" rel="stylesheet" media="print">
+    <link href="../css/format-print.css?1676402967" rel="stylesheet">
+    <link href="../css/ie.css?1676402967" rel="stylesheet">
+    <script src="../js/url.js?1676402967"></script>
+    <script src="../js/variant.js?1676402967"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -669,10 +669,10 @@
 <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-524bcd486fe6621c6ffa1cdf17f60f48" class="lightbox-link">
+<a href="#image-658483454c2c34c53c3b07fdfffb40ce" class="lightbox-link">
 <img src="../basics/requirements/magic.gif?classes=shadow" alt="Magic" class="shadow" style="height: auto; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-524bcd486fe6621c6ffa1cdf17f60f48">
+<a href="javascript:history.back();" class="lightbox" id="image-658483454c2c34c53c3b07fdfffb40ce">
 <img src="../basics/requirements/magic.gif?classes=shadow" alt="Magic" class="lightbox-image" loading="lazy">
 </a></p>
 
@@ -714,10 +714,10 @@
 </span></span></code></pre></div><p>renders as</p>
 <p>
 		
-<a href="#image-142bf21ccd1f1fff41554e008a7433a4" class="lightbox-link">
+<a href="#image-2e295515db41da5f63a547cdf016dd90" class="lightbox-link">
 <img src="../basics/installation/chapter.png?classes=shadow&amp;width=60pc" alt="A Chapter" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-142bf21ccd1f1fff41554e008a7433a4">
+<a href="javascript:history.back();" class="lightbox" id="image-2e295515db41da5f63a547cdf016dd90">
 <img src="../basics/installation/chapter.png?classes=shadow&amp;width=60pc" alt="A Chapter" class="lightbox-image" loading="lazy">
 </a></p>
 <p>The Relearn theme provides archetypes to create skeletons for your website. Begin by creating your first chapter page with the following command</p>
@@ -870,10 +870,10 @@
 </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-d8eb43610174571255cf480333056cec" class="lightbox-link">
+<a href="#image-53b7a145fee86455d99bf3fc3f6a35a1" class="lightbox-link">
 <img src="../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-d8eb43610174571255cf480333056cec">
+<a href="javascript:history.back();" class="lightbox" id="image-53b7a145fee86455d99bf3fc3f6a35a1">
 <img src="../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="activate-print-support">Activate print support</h2>
@@ -922,11 +922,11 @@ default values:</p>
 </span></span></code></pre></div><p>The home button is going to look like this:</p>
 <p>
 		
-<a href="#image-8935fea7bdb894e3242562eb84adb3fc" class="lightbox-link">
-<img src="../basics/configuration/home_button_defaults.png?classes=shadow&amp;width=300px" alt="Default Home Button" class="shadow" style="height: auto; width: 300px;" loading="lazy">
+<a href="#image-0c5e9f788e72e3b1105ac12d0395954f" class="lightbox-link">
+<img src="../basics/configuration/home_button_defaults.png?classes=shadow&amp;width=18.75rem" alt="Default Home Button" class="shadow" style="height: auto; width: 18.75rem;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-8935fea7bdb894e3242562eb84adb3fc">
-<img src="../basics/configuration/home_button_defaults.png?classes=shadow&amp;width=300px" alt="Default Home Button" class="lightbox-image" loading="lazy">
+<a href="javascript:history.back();" class="lightbox" id="image-0c5e9f788e72e3b1105ac12d0395954f">
+<img src="../basics/configuration/home_button_defaults.png?classes=shadow&amp;width=18.75rem" alt="Default Home Button" class="lightbox-image" loading="lazy">
 </a></p>
 
             <footer class="footline">
@@ -2035,21 +2035,21 @@ window.variants && variants.generator( '#vargenerator' );
           </section>        </div>
       </main>
     </div>
-    <script src="../js/clipboard.min.js?1676326936" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1676326936" defer></script>
-    <script src="../js/d3/d3-color.min.js?1676326936" defer></script>
-    <script src="../js/d3/d3-dispatch.min.js?1676326936" defer></script>
-    <script src="../js/d3/d3-drag.min.js?1676326936" defer></script>
-    <script src="../js/d3/d3-ease.min.js?1676326936" defer></script>
-    <script src="../js/d3/d3-interpolate.min.js?1676326936" defer></script>
-    <script src="../js/d3/d3-selection.min.js?1676326936" defer></script>
-    <script src="../js/d3/d3-timer.min.js?1676326936" defer></script>
-    <script src="../js/d3/d3-transition.min.js?1676326936" defer></script>
-    <script src="../js/d3/d3-zoom.min.js?1676326936" defer></script>
-    <script src="../js/mermaid.min.js?1676326936" defer></script>
+    <script src="../js/clipboard.min.js?1676402967" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1676402967" defer></script>
+    <script src="../js/d3/d3-color.min.js?1676402967" defer></script>
+    <script src="../js/d3/d3-dispatch.min.js?1676402967" defer></script>
+    <script src="../js/d3/d3-drag.min.js?1676402967" defer></script>
+    <script src="../js/d3/d3-ease.min.js?1676402967" defer></script>
+    <script src="../js/d3/d3-interpolate.min.js?1676402967" defer></script>
+    <script src="../js/d3/d3-selection.min.js?1676402967" defer></script>
+    <script src="../js/d3/d3-timer.min.js?1676402967" defer></script>
+    <script src="../js/d3/d3-transition.min.js?1676402967" defer></script>
+    <script src="../js/d3/d3-zoom.min.js?1676402967" defer></script>
+    <script src="../js/mermaid.min.js?1676402967" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../js/theme.js?1676326936" defer></script>
+    <script src="../js/theme.js?1676402967" defer></script>
   </body>
 </html>
diff --git a/basics/installation/index.html b/basics/installation/index.html
index 25ec693648..2b01845d0a 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?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1676326934" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1676326934" rel="stylesheet">
-    <link href="../../css/fonts.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1676326934" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1676326934" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1676326934" rel="stylesheet">
-    <link href="../../css/print.css?1676326934" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1676326934" rel="stylesheet">
-    <script src="../../js/url.js?1676326934"></script>
-    <script src="../../js/variant.js?1676326934"></script>
+    <link href="../../css/fontawesome-all.min.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1676402965" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1676402965" rel="stylesheet">
+    <link href="../../css/fonts.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1676402965" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1676402965" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1676402965" rel="stylesheet">
+    <link href="../../css/print.css?1676402965" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1676402965" rel="stylesheet">
+    <script src="../../js/url.js?1676402965"></script>
+    <script src="../../js/variant.js?1676402965"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -142,10 +142,10 @@
 </span></span></code></pre></div><p>renders as</p>
 <p>
 		
-<a href="#image-142bf21ccd1f1fff41554e008a7433a4" class="lightbox-link">
+<a href="#image-2e295515db41da5f63a547cdf016dd90" class="lightbox-link">
 <img src="../../basics/installation/chapter.png?classes=shadow&amp;width=60pc" alt="A Chapter" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-142bf21ccd1f1fff41554e008a7433a4">
+<a href="javascript:history.back();" class="lightbox" id="image-2e295515db41da5f63a547cdf016dd90">
 <img src="../../basics/installation/chapter.png?classes=shadow&amp;width=60pc" alt="A Chapter" class="lightbox-image" loading="lazy">
 </a></p>
 <p>The Relearn theme provides archetypes to create skeletons for your website. Begin by creating your first chapter page with the following command</p>
@@ -201,12 +201,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -214,33 +214,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -263,12 +263,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1676326935" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1676326935" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1676326935" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1676326935" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1676326935" defer></script>
-        <script src="../../js/search.js?1676326935" defer></script>
+        <script src="../../js/auto-complete.js?1676402966" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1676402966" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1676402966" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1676402966" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1676402966" defer></script>
+        <script src="../../js/search.js?1676402966" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -368,14 +368,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -385,12 +385,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1676326935"></script>
+          <script async src="../../js/buttons.js?1676402966"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1676326935" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1676326935" defer></script>
-    <script src="../../js/theme.js?1676326935" defer></script>
+    <script src="../../js/clipboard.min.js?1676402966" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1676402966" defer></script>
+    <script src="../../js/theme.js?1676402966" defer></script>
   </body>
 </html>
diff --git a/basics/installation/index.print.html b/basics/installation/index.print.html
index 4bb1e549ee..3bc7c1cf6a 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?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1676326935" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1676326935" rel="stylesheet">
-    <link href="../../css/fonts.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1676326935" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1676326935" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1676326935" rel="stylesheet">
-    <link href="../../css/print.css?1676326935" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1676326935" rel="stylesheet">
-    <link href="../../css/ie.css?1676326935" rel="stylesheet">
-    <script src="../../js/url.js?1676326935"></script>
-    <script src="../../js/variant.js?1676326935"></script>
+    <link href="../../css/fontawesome-all.min.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1676402967" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1676402967" rel="stylesheet">
+    <link href="../../css/fonts.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1676402967" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1676402967" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1676402967" rel="stylesheet">
+    <link href="../../css/print.css?1676402967" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1676402967" rel="stylesheet">
+    <link href="../../css/ie.css?1676402967" rel="stylesheet">
+    <script src="../../js/url.js?1676402967"></script>
+    <script src="../../js/variant.js?1676402967"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -107,10 +107,10 @@
 </span></span></code></pre></div><p>renders as</p>
 <p>
 		
-<a href="#image-142bf21ccd1f1fff41554e008a7433a4" class="lightbox-link">
+<a href="#image-2e295515db41da5f63a547cdf016dd90" class="lightbox-link">
 <img src="../../basics/installation/chapter.png?classes=shadow&amp;width=60pc" alt="A Chapter" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-142bf21ccd1f1fff41554e008a7433a4">
+<a href="javascript:history.back();" class="lightbox" id="image-2e295515db41da5f63a547cdf016dd90">
 <img src="../../basics/installation/chapter.png?classes=shadow&amp;width=60pc" alt="A Chapter" class="lightbox-image" loading="lazy">
 </a></p>
 <p>The Relearn theme provides archetypes to create skeletons for your website. Begin by creating your first chapter page with the following command</p>
@@ -150,8 +150,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1676326936" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1676326936" defer></script>
-    <script src="../../js/theme.js?1676326936" defer></script>
+    <script src="../../js/clipboard.min.js?1676402967" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1676402967" defer></script>
+    <script src="../../js/theme.js?1676402967" defer></script>
   </body>
 </html>
diff --git a/basics/migration/index.html b/basics/migration/index.html
index 02e3e38900..b635555c5b 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?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1676326934" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1676326934" rel="stylesheet">
-    <link href="../../css/fonts.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1676326934" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1676326934" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1676326934" rel="stylesheet">
-    <link href="../../css/print.css?1676326934" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1676326934" rel="stylesheet">
-    <script src="../../js/url.js?1676326934"></script>
-    <script src="../../js/variant.js?1676326934"></script>
+    <link href="../../css/fontawesome-all.min.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1676402965" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1676402965" rel="stylesheet">
+    <link href="../../css/fonts.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1676402965" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1676402965" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1676402965" rel="stylesheet">
+    <link href="../../css/print.css?1676402965" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1676402965" rel="stylesheet">
+    <script src="../../js/url.js?1676402965"></script>
+    <script src="../../js/variant.js?1676402965"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -728,12 +728,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -741,33 +741,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -790,12 +790,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1676326935" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1676326935" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1676326935" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1676326935" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1676326935" defer></script>
-        <script src="../../js/search.js?1676326935" defer></script>
+        <script src="../../js/auto-complete.js?1676402966" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1676402966" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1676402966" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1676402966" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1676402966" defer></script>
+        <script src="../../js/search.js?1676402966" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -895,14 +895,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -912,12 +912,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1676326935"></script>
+          <script async src="../../js/buttons.js?1676402966"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1676326935" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1676326935" defer></script>
-    <script src="../../js/theme.js?1676326935" defer></script>
+    <script src="../../js/clipboard.min.js?1676402966" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1676402966" defer></script>
+    <script src="../../js/theme.js?1676402966" defer></script>
   </body>
 </html>
diff --git a/basics/migration/index.print.html b/basics/migration/index.print.html
index 4179dbfb02..71c708fd25 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?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1676326935" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1676326935" rel="stylesheet">
-    <link href="../../css/fonts.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1676326935" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1676326935" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1676326935" rel="stylesheet">
-    <link href="../../css/print.css?1676326935" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1676326935" rel="stylesheet">
-    <link href="../../css/ie.css?1676326935" rel="stylesheet">
-    <script src="../../js/url.js?1676326935"></script>
-    <script src="../../js/variant.js?1676326935"></script>
+    <link href="../../css/fontawesome-all.min.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1676402967" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1676402967" rel="stylesheet">
+    <link href="../../css/fonts.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1676402967" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1676402967" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1676402967" rel="stylesheet">
+    <link href="../../css/print.css?1676402967" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1676402967" rel="stylesheet">
+    <link href="../../css/ie.css?1676402967" rel="stylesheet">
+    <script src="../../js/url.js?1676402967"></script>
+    <script src="../../js/variant.js?1676402967"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -654,8 +654,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1676326936" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1676326936" defer></script>
-    <script src="../../js/theme.js?1676326936" defer></script>
+    <script src="../../js/clipboard.min.js?1676402967" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1676402967" defer></script>
+    <script src="../../js/theme.js?1676402967" defer></script>
   </body>
 </html>
diff --git a/basics/requirements/index.html b/basics/requirements/index.html
index 495ba2f5d7..cbc5600110 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?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1676326934" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1676326934" rel="stylesheet">
-    <link href="../../css/fonts.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1676326934" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1676326934" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1676326934" rel="stylesheet">
-    <link href="../../css/print.css?1676326934" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1676326934" rel="stylesheet">
-    <script src="../../js/url.js?1676326934"></script>
-    <script src="../../js/variant.js?1676326934"></script>
+    <link href="../../css/fontawesome-all.min.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1676402965" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1676402965" rel="stylesheet">
+    <link href="../../css/fonts.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1676402965" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1676402965" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1676402965" rel="stylesheet">
+    <link href="../../css/print.css?1676402965" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1676402965" rel="stylesheet">
+    <script src="../../js/url.js?1676402965"></script>
+    <script src="../../js/variant.js?1676402965"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -94,10 +94,10 @@
 <p>Thanks to the simplicity of Hugo, this page is as empty as this theme needs requirements.</p>
 <p>Just download at least version <span class="badge cstyle default badge-with-title"><span class="badge-title"><i class="fab fa-hackerrank"></i></span><span class="badge-content" style="background-color: fuchsia;">0.95.0</span></span> of the <a href="https://gohugo.io/getting-started/installing/" target="_blank">Hugo binary</a> for your OS (Windows, Linux, Mac).</p>
 <p>
-<a href="#image-524bcd486fe6621c6ffa1cdf17f60f48" class="lightbox-link">
+<a href="#image-658483454c2c34c53c3b07fdfffb40ce" class="lightbox-link">
 <img src="../../basics/requirements/magic.gif?classes=shadow" alt="Magic" class="shadow" style="height: auto; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-524bcd486fe6621c6ffa1cdf17f60f48">
+<a href="javascript:history.back();" class="lightbox" id="image-658483454c2c34c53c3b07fdfffb40ce">
 <img src="../../basics/requirements/magic.gif?classes=shadow" alt="Magic" class="lightbox-image" loading="lazy">
 </a></p>
 
@@ -123,12 +123,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -136,33 +136,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -185,12 +185,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1676326935" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1676326935" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1676326935" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1676326935" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1676326935" defer></script>
-        <script src="../../js/search.js?1676326935" defer></script>
+        <script src="../../js/auto-complete.js?1676402966" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1676402966" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1676402966" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1676402966" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1676402966" defer></script>
+        <script src="../../js/search.js?1676402966" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -290,14 +290,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -307,12 +307,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1676326935"></script>
+          <script async src="../../js/buttons.js?1676402966"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1676326935" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1676326935" defer></script>
-    <script src="../../js/theme.js?1676326935" defer></script>
+    <script src="../../js/clipboard.min.js?1676402966" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1676402966" defer></script>
+    <script src="../../js/theme.js?1676402966" defer></script>
   </body>
 </html>
diff --git a/basics/requirements/index.print.html b/basics/requirements/index.print.html
index cc4b0040cf..4ecfc9bca1 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?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1676326935" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1676326935" rel="stylesheet">
-    <link href="../../css/fonts.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1676326935" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1676326935" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1676326935" rel="stylesheet">
-    <link href="../../css/print.css?1676326935" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1676326935" rel="stylesheet">
-    <link href="../../css/ie.css?1676326935" rel="stylesheet">
-    <script src="../../js/url.js?1676326935"></script>
-    <script src="../../js/variant.js?1676326935"></script>
+    <link href="../../css/fontawesome-all.min.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1676402967" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1676402967" rel="stylesheet">
+    <link href="../../css/fonts.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1676402967" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1676402967" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1676402967" rel="stylesheet">
+    <link href="../../css/print.css?1676402967" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1676402967" rel="stylesheet">
+    <link href="../../css/ie.css?1676402967" rel="stylesheet">
+    <script src="../../js/url.js?1676402967"></script>
+    <script src="../../js/variant.js?1676402967"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -79,10 +79,10 @@
 <p>Thanks to the simplicity of Hugo, this page is as empty as this theme needs requirements.</p>
 <p>Just download at least version <span class="badge cstyle default badge-with-title"><span class="badge-title"><i class="fab fa-hackerrank"></i></span><span class="badge-content" style="background-color: fuchsia;">0.95.0</span></span> of the <a href="https://gohugo.io/getting-started/installing/" target="_blank">Hugo binary</a> for your OS (Windows, Linux, Mac).</p>
 <p>
-<a href="#image-524bcd486fe6621c6ffa1cdf17f60f48" class="lightbox-link">
+<a href="#image-658483454c2c34c53c3b07fdfffb40ce" class="lightbox-link">
 <img src="../../basics/requirements/magic.gif?classes=shadow" alt="Magic" class="shadow" style="height: auto; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-524bcd486fe6621c6ffa1cdf17f60f48">
+<a href="javascript:history.back();" class="lightbox" id="image-658483454c2c34c53c3b07fdfffb40ce">
 <img src="../../basics/requirements/magic.gif?classes=shadow" alt="Magic" class="lightbox-image" loading="lazy">
 </a></p>
 
@@ -92,8 +92,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1676326936" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1676326936" defer></script>
-    <script src="../../js/theme.js?1676326936" defer></script>
+    <script src="../../js/clipboard.min.js?1676402967" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1676402967" defer></script>
+    <script src="../../js/theme.js?1676402967" defer></script>
   </body>
 </html>
diff --git a/categories/index.html b/categories/index.html
index 336e1e4cf5..fafac301e4 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?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1676326934" rel="stylesheet">
-    <link href="../css/auto-complete.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1676326934" rel="stylesheet">
-    <link href="../css/fonts.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1676326934" rel="stylesheet">
-    <link href="../css/theme-auto.css?1676326934" rel="stylesheet" id="variant-style">
-    <link href="../css/variant.css?1676326934" rel="stylesheet">
-    <link href="../css/print.css?1676326934" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1676326934" rel="stylesheet">
-    <script src="../js/url.js?1676326934"></script>
-    <script src="../js/variant.js?1676326934"></script>
+    <link href="../css/fontawesome-all.min.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1676402965" rel="stylesheet">
+    <link href="../css/auto-complete.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1676402965" rel="stylesheet">
+    <link href="../css/fonts.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1676402965" rel="stylesheet">
+    <link href="../css/theme-auto.css?1676402965" rel="stylesheet" id="variant-style">
+    <link href="../css/variant.css?1676402965" rel="stylesheet">
+    <link href="../css/print.css?1676402965" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1676402965" rel="stylesheet">
+    <script src="../js/url.js?1676402965"></script>
+    <script src="../js/variant.js?1676402965"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -102,12 +102,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -115,33 +115,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -164,12 +164,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1676326935" defer></script>
-        <script src="../js/lunr/lunr.min.js?1676326935" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1676326935" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1676326935" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1676326935" defer></script>
-        <script src="../js/search.js?1676326935" defer></script>
+        <script src="../js/auto-complete.js?1676402967" defer></script>
+        <script src="../js/lunr/lunr.min.js?1676402967" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1676402967" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1676402967" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1676402967" defer></script>
+        <script src="../js/search.js?1676402967" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -269,14 +269,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -286,12 +286,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../js/buttons.js?1676326935"></script>
+          <script async src="../js/buttons.js?1676402967"></script>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1676326935" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1676326935" defer></script>
-    <script src="../js/theme.js?1676326935" defer></script>
+    <script src="../js/clipboard.min.js?1676402967" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1676402967" defer></script>
+    <script src="../js/theme.js?1676402967" defer></script>
   </body>
 </html>
diff --git a/cont/archetypes/index.html b/cont/archetypes/index.html
index e9bf631c19..0c2b14815f 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?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1676326934" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1676326934" rel="stylesheet">
-    <link href="../../css/fonts.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1676326934" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1676326934" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1676326934" rel="stylesheet">
-    <link href="../../css/print.css?1676326934" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1676326934" rel="stylesheet">
-    <script src="../../js/url.js?1676326934"></script>
-    <script src="../../js/variant.js?1676326934"></script>
+    <link href="../../css/fontawesome-all.min.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1676402965" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1676402965" rel="stylesheet">
+    <link href="../../css/fonts.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1676402965" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1676402965" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1676402965" rel="stylesheet">
+    <link href="../../css/print.css?1676402965" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1676402965" rel="stylesheet">
+    <script src="../../js/url.js?1676402965"></script>
+    <script src="../../js/variant.js?1676402965"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -120,10 +120,10 @@
 <p>A <strong>Home</strong> page is the starting page of your project. It&rsquo;s best to have only one page of this kind in your project.</p>
 <p>
 		
-<a href="#image-65f54288a9792347d154439a7bb2a15b" class="lightbox-link">
+<a href="#image-055c767a2211ff61f5da63758db4cb76" class="lightbox-link">
 <img src="../../cont/archetypes/pages-home.png?classes=shadow&amp;width=60pc" alt="Home page" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-65f54288a9792347d154439a7bb2a15b">
+<a href="javascript:history.back();" class="lightbox" id="image-055c767a2211ff61f5da63758db4cb76">
 <img src="../../cont/archetypes/pages-home.png?classes=shadow&amp;width=60pc" alt="Home page" class="lightbox-image" loading="lazy">
 </a></p>
 <p>To create a home page, run the following command</p>
@@ -139,10 +139,10 @@
 <p>A <strong>Chapter</strong> displays a page meant to be used as introduction for a set of child pages. Commonly, it contains a simple title and a catch line to define content that can be found below it.</p>
 <p>
 		
-<a href="#image-26bceeeffa8feaa999f017c768578f01" class="lightbox-link">
+<a href="#image-8c4d8771d33acf1156f595c02486e81e" class="lightbox-link">
 <img src="../../cont/archetypes/pages-chapter.png?classes=shadow&amp;width=60pc" alt="Chapter page" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-26bceeeffa8feaa999f017c768578f01">
+<a href="javascript:history.back();" class="lightbox" id="image-8c4d8771d33acf1156f595c02486e81e">
 <img src="../../cont/archetypes/pages-chapter.png?classes=shadow&amp;width=60pc" alt="Chapter page" class="lightbox-image" loading="lazy">
 </a></p>
 <p>To create a chapter page, run the following command</p>
@@ -160,10 +160,10 @@
 <p>A <strong>Default</strong> page is any other content page. If you set an unknown archetype in your frontmatter, this archetype will be used to generate the page.</p>
 <p>
 		
-<a href="#image-057a82c6e482c415015f8a2c194508c7" class="lightbox-link">
+<a href="#image-ca44da62315cbebbe14678cec98e8a1c" class="lightbox-link">
 <img src="../../cont/archetypes/pages-default.png?classes=shadow&amp;width=60pc" alt="Default page" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-057a82c6e482c415015f8a2c194508c7">
+<a href="javascript:history.back();" class="lightbox" id="image-ca44da62315cbebbe14678cec98e8a1c">
 <img src="../../cont/archetypes/pages-default.png?classes=shadow&amp;width=60pc" alt="Default page" class="lightbox-image" loading="lazy">
 </a></p>
 <p>To create a default page, run either one of the following commands</p>
@@ -236,12 +236,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -249,33 +249,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -298,12 +298,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1676326935" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1676326935" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1676326935" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1676326935" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1676326935" defer></script>
-        <script src="../../js/search.js?1676326935" defer></script>
+        <script src="../../js/auto-complete.js?1676402966" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1676402966" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1676402966" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1676402966" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1676402966" defer></script>
+        <script src="../../js/search.js?1676402966" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -403,14 +403,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -420,12 +420,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1676326935"></script>
+          <script async src="../../js/buttons.js?1676402966"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1676326935" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1676326935" defer></script>
-    <script src="../../js/theme.js?1676326935" defer></script>
+    <script src="../../js/clipboard.min.js?1676402966" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1676402966" defer></script>
+    <script src="../../js/theme.js?1676402966" defer></script>
   </body>
 </html>
diff --git a/cont/archetypes/index.print.html b/cont/archetypes/index.print.html
index 2e31448cc3..edfeb702ff 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?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1676326935" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1676326935" rel="stylesheet">
-    <link href="../../css/fonts.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1676326935" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1676326935" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1676326935" rel="stylesheet">
-    <link href="../../css/print.css?1676326935" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1676326935" rel="stylesheet">
-    <link href="../../css/ie.css?1676326935" rel="stylesheet">
-    <script src="../../js/url.js?1676326935"></script>
-    <script src="../../js/variant.js?1676326935"></script>
+    <link href="../../css/fontawesome-all.min.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1676402967" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1676402967" rel="stylesheet">
+    <link href="../../css/fonts.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1676402967" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1676402967" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1676402967" rel="stylesheet">
+    <link href="../../css/print.css?1676402967" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1676402967" rel="stylesheet">
+    <link href="../../css/ie.css?1676402967" rel="stylesheet">
+    <script src="../../js/url.js?1676402967"></script>
+    <script src="../../js/variant.js?1676402967"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -83,10 +83,10 @@
 <p>A <strong>Home</strong> page is the starting page of your project. It&rsquo;s best to have only one page of this kind in your project.</p>
 <p>
 		
-<a href="#image-65f54288a9792347d154439a7bb2a15b" class="lightbox-link">
+<a href="#image-055c767a2211ff61f5da63758db4cb76" class="lightbox-link">
 <img src="../../cont/archetypes/pages-home.png?classes=shadow&amp;width=60pc" alt="Home page" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-65f54288a9792347d154439a7bb2a15b">
+<a href="javascript:history.back();" class="lightbox" id="image-055c767a2211ff61f5da63758db4cb76">
 <img src="../../cont/archetypes/pages-home.png?classes=shadow&amp;width=60pc" alt="Home page" class="lightbox-image" loading="lazy">
 </a></p>
 <p>To create a home page, run the following command</p>
@@ -102,10 +102,10 @@
 <p>A <strong>Chapter</strong> displays a page meant to be used as introduction for a set of child pages. Commonly, it contains a simple title and a catch line to define content that can be found below it.</p>
 <p>
 		
-<a href="#image-26bceeeffa8feaa999f017c768578f01" class="lightbox-link">
+<a href="#image-8c4d8771d33acf1156f595c02486e81e" class="lightbox-link">
 <img src="../../cont/archetypes/pages-chapter.png?classes=shadow&amp;width=60pc" alt="Chapter page" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-26bceeeffa8feaa999f017c768578f01">
+<a href="javascript:history.back();" class="lightbox" id="image-8c4d8771d33acf1156f595c02486e81e">
 <img src="../../cont/archetypes/pages-chapter.png?classes=shadow&amp;width=60pc" alt="Chapter page" class="lightbox-image" loading="lazy">
 </a></p>
 <p>To create a chapter page, run the following command</p>
@@ -123,10 +123,10 @@
 <p>A <strong>Default</strong> page is any other content page. If you set an unknown archetype in your frontmatter, this archetype will be used to generate the page.</p>
 <p>
 		
-<a href="#image-057a82c6e482c415015f8a2c194508c7" class="lightbox-link">
+<a href="#image-ca44da62315cbebbe14678cec98e8a1c" class="lightbox-link">
 <img src="../../cont/archetypes/pages-default.png?classes=shadow&amp;width=60pc" alt="Default page" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-057a82c6e482c415015f8a2c194508c7">
+<a href="javascript:history.back();" class="lightbox" id="image-ca44da62315cbebbe14678cec98e8a1c">
 <img src="../../cont/archetypes/pages-default.png?classes=shadow&amp;width=60pc" alt="Default page" class="lightbox-image" loading="lazy">
 </a></p>
 <p>To create a default page, run either one of the following commands</p>
@@ -183,8 +183,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1676326936" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1676326936" defer></script>
-    <script src="../../js/theme.js?1676326936" defer></script>
+    <script src="../../js/clipboard.min.js?1676402967" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1676402967" defer></script>
+    <script src="../../js/theme.js?1676402967" defer></script>
   </body>
 </html>
diff --git a/cont/i18n/index.html b/cont/i18n/index.html
index ea093584d8..b15315bfdd 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?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1676326934" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1676326934" rel="stylesheet">
-    <link href="../../css/fonts.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1676326934" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1676326934" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1676326934" rel="stylesheet">
-    <link href="../../css/print.css?1676326934" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1676326934" rel="stylesheet">
-    <script src="../../js/url.js?1676326934"></script>
-    <script src="../../js/variant.js?1676326934"></script>
+    <link href="../../css/fontawesome-all.min.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1676402965" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1676402965" rel="stylesheet">
+    <link href="../../css/fonts.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1676402965" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1676402965" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1676402965" rel="stylesheet">
+    <link href="../../css/print.css?1676402965" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1676402965" rel="stylesheet">
+    <script src="../../js/url.js?1676402965"></script>
+    <script src="../../js/variant.js?1676402965"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -117,11 +117,11 @@
 </ul>
 <p>
 		
-<a href="#image-b9a122284de24a7aeb3d6e1bc02a93c5" class="lightbox-link">
-<img src="../../cont/i18n/i18n-menu.gif?classes=shadow&amp;width=300px" alt="I18n menu" class="shadow" style="height: auto; width: 300px;" loading="lazy">
+<a href="#image-44537b8f9fe1804a94e04c42c8d8778a" class="lightbox-link">
+<img src="../../cont/i18n/i18n-menu.gif?classes=shadow&amp;width=18.75rem" alt="I18n menu" class="shadow" style="height: auto; width: 18.75rem;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-b9a122284de24a7aeb3d6e1bc02a93c5">
-<img src="../../cont/i18n/i18n-menu.gif?classes=shadow&amp;width=300px" alt="I18n menu" class="lightbox-image" loading="lazy">
+<a href="javascript:history.back();" class="lightbox" id="image-44537b8f9fe1804a94e04c42c8d8778a">
+<img src="../../cont/i18n/i18n-menu.gif?classes=shadow&amp;width=18.75rem" alt="I18n menu" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="basic-configuration">Basic configuration</h2>
 <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>
@@ -234,12 +234,12 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -247,33 +247,33 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -296,12 +296,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?1676326935" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1676326935" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1676326935" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1676326935" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1676326935" defer></script>
-        <script src="../../js/search.js?1676326935" defer></script>
+        <script src="../../js/auto-complete.js?1676402966" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1676402966" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1676402966" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1676402966" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1676402966" defer></script>
+        <script src="../../js/search.js?1676402966" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -401,14 +401,14 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -418,12 +418,12 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1676326935"></script>
+          <script async src="../../js/buttons.js?1676402966"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1676326935" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1676326935" defer></script>
-    <script src="../../js/theme.js?1676326935" defer></script>
+    <script src="../../js/clipboard.min.js?1676402966" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1676402966" defer></script>
+    <script src="../../js/theme.js?1676402966" defer></script>
   </body>
 </html>
diff --git a/cont/i18n/index.print.html b/cont/i18n/index.print.html
index 606b86a780..511714591a 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?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1676326935" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1676326935" rel="stylesheet">
-    <link href="../../css/fonts.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1676326935" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1676326935" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1676326935" rel="stylesheet">
-    <link href="../../css/print.css?1676326935" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1676326935" rel="stylesheet">
-    <link href="../../css/ie.css?1676326935" rel="stylesheet">
-    <script src="../../js/url.js?1676326935"></script>
-    <script src="../../js/variant.js?1676326935"></script>
+    <link href="../../css/fontawesome-all.min.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1676402967" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1676402967" rel="stylesheet">
+    <link href="../../css/fonts.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1676402967" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1676402967" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1676402967" rel="stylesheet">
+    <link href="../../css/print.css?1676402967" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1676402967" rel="stylesheet">
+    <link href="../../css/ie.css?1676402967" rel="stylesheet">
+    <script src="../../js/url.js?1676402967"></script>
+    <script src="../../js/variant.js?1676402967"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -85,11 +85,11 @@
 </ul>
 <p>
 		
-<a href="#image-b9a122284de24a7aeb3d6e1bc02a93c5" class="lightbox-link">
-<img src="../../cont/i18n/i18n-menu.gif?classes=shadow&amp;width=300px" alt="I18n menu" class="shadow" style="height: auto; width: 300px;" loading="lazy">
+<a href="#image-44537b8f9fe1804a94e04c42c8d8778a" class="lightbox-link">
+<img src="../../cont/i18n/i18n-menu.gif?classes=shadow&amp;width=18.75rem" alt="I18n menu" class="shadow" style="height: auto; width: 18.75rem;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-b9a122284de24a7aeb3d6e1bc02a93c5">
-<img src="../../cont/i18n/i18n-menu.gif?classes=shadow&amp;width=300px" alt="I18n menu" class="lightbox-image" loading="lazy">
+<a href="javascript:history.back();" class="lightbox" id="image-44537b8f9fe1804a94e04c42c8d8778a">
+<img src="../../cont/i18n/i18n-menu.gif?classes=shadow&amp;width=18.75rem" alt="I18n menu" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="basic-configuration">Basic configuration</h2>
 <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>
@@ -186,8 +186,8 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1676326936" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1676326936" defer></script>
-    <script src="../../js/theme.js?1676326936" defer></script>
+    <script src="../../js/clipboard.min.js?1676402967" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1676402967" defer></script>
+    <script src="../../js/theme.js?1676402967" defer></script>
   </body>
 </html>
diff --git a/cont/index.html b/cont/index.html
index 7e55fc5792..0909c26b15 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?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1676326934" rel="stylesheet">
-    <link href="../css/auto-complete.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1676326934" rel="stylesheet">
-    <link href="../css/fonts.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1676326934" rel="stylesheet">
-    <link href="../css/theme-auto.css?1676326934" rel="stylesheet" id="variant-style">
-    <link href="../css/variant.css?1676326934" rel="stylesheet">
-    <link href="../css/print.css?1676326934" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1676326934" rel="stylesheet">
-    <script src="../js/url.js?1676326934"></script>
-    <script src="../js/variant.js?1676326934"></script>
+    <link href="../css/fontawesome-all.min.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1676402965" rel="stylesheet">
+    <link href="../css/auto-complete.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1676402965" rel="stylesheet">
+    <link href="../css/fonts.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1676402965" rel="stylesheet">
+    <link href="../css/theme-auto.css?1676402965" rel="stylesheet" id="variant-style">
+    <link href="../css/variant.css?1676402965" rel="stylesheet">
+    <link href="../css/print.css?1676402965" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1676402965" rel="stylesheet">
+    <script src="../js/url.js?1676402965"></script>
+    <script src="../js/variant.js?1676402965"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -115,12 +115,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -128,33 +128,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -177,12 +177,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1676326935" defer></script>
-        <script src="../js/lunr/lunr.min.js?1676326935" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1676326935" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1676326935" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1676326935" defer></script>
-        <script src="../js/search.js?1676326935" defer></script>
+        <script src="../js/auto-complete.js?1676402966" defer></script>
+        <script src="../js/lunr/lunr.min.js?1676402966" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1676402966" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1676402966" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1676402966" defer></script>
+        <script src="../js/search.js?1676402966" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -282,14 +282,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -299,12 +299,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../js/buttons.js?1676326935"></script>
+          <script async src="../js/buttons.js?1676402966"></script>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1676326935" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1676326935" defer></script>
-    <script src="../js/theme.js?1676326935" defer></script>
+    <script src="../js/clipboard.min.js?1676402966" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1676402966" defer></script>
+    <script src="../js/theme.js?1676402966" defer></script>
   </body>
 </html>
diff --git a/cont/index.print.html b/cont/index.print.html
index 119407c12b..3ac7677e37 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?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1676326935" rel="stylesheet">
-    <link href="../css/auto-complete.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1676326935" rel="stylesheet">
-    <link href="../css/fonts.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1676326935" rel="stylesheet">
-    <link href="../css/theme-auto.css?1676326935" rel="stylesheet" id="variant-style">
-    <link href="../css/variant.css?1676326935" rel="stylesheet">
-    <link href="../css/print.css?1676326935" rel="stylesheet" media="print">
-    <link href="../css/format-print.css?1676326935" rel="stylesheet">
-    <link href="../css/ie.css?1676326935" rel="stylesheet">
-    <script src="../js/url.js?1676326935"></script>
-    <script src="../js/variant.js?1676326935"></script>
+    <link href="../css/fontawesome-all.min.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1676402967" rel="stylesheet">
+    <link href="../css/auto-complete.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1676402967" rel="stylesheet">
+    <link href="../css/fonts.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1676402967" rel="stylesheet">
+    <link href="../css/theme-auto.css?1676402967" rel="stylesheet" id="variant-style">
+    <link href="../css/variant.css?1676402967" rel="stylesheet">
+    <link href="../css/print.css?1676402967" rel="stylesheet" media="print">
+    <link href="../css/format-print.css?1676402967" rel="stylesheet">
+    <link href="../css/ie.css?1676402967" rel="stylesheet">
+    <script src="../js/url.js?1676402967"></script>
+    <script src="../js/variant.js?1676402967"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -161,11 +161,11 @@
 </span></span><span class="line"><span class="cl"><span class="err">+++</span>
 </span></span></code></pre></div><p>
 		
-<a href="#image-9df8bcafef5b5d270d029a4a669e2ddb" class="lightbox-link">
-<img src="../cont/pages/frontmatter-icon.png?classes=shadow&amp;width=300px" alt="Title with icon" class="shadow" style="height: auto; width: 300px;" loading="lazy">
+<a href="#image-7670fa7be03980d65cb24c84632cf8c5" class="lightbox-link">
+<img src="../cont/pages/frontmatter-icon.png?classes=shadow&amp;width=18.75rem" alt="Title with icon" class="shadow" style="height: auto; width: 18.75rem;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-9df8bcafef5b5d270d029a4a669e2ddb">
-<img src="../cont/pages/frontmatter-icon.png?classes=shadow&amp;width=300px" alt="Title with icon" class="lightbox-image" loading="lazy">
+<a href="javascript:history.back();" class="lightbox" id="image-7670fa7be03980d65cb24c84632cf8c5">
+<img src="../cont/pages/frontmatter-icon.png?classes=shadow&amp;width=18.75rem" alt="Title with icon" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="ordering-sibling-menupage-entries">Ordering sibling menu/page entries</h3>
 <p>Hugo provides a <a href="https://gohugo.io/content/ordering/" target="_blank">flexible way</a> to handle order for your pages.</p>
@@ -210,10 +210,10 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
 <p>A <strong>Home</strong> page is the starting page of your project. It&rsquo;s best to have only one page of this kind in your project.</p>
 <p>
 		
-<a href="#image-65f54288a9792347d154439a7bb2a15b" class="lightbox-link">
+<a href="#image-055c767a2211ff61f5da63758db4cb76" class="lightbox-link">
 <img src="../cont/archetypes/pages-home.png?classes=shadow&amp;width=60pc" alt="Home page" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-65f54288a9792347d154439a7bb2a15b">
+<a href="javascript:history.back();" class="lightbox" id="image-055c767a2211ff61f5da63758db4cb76">
 <img src="../cont/archetypes/pages-home.png?classes=shadow&amp;width=60pc" alt="Home page" class="lightbox-image" loading="lazy">
 </a></p>
 <p>To create a home page, run the following command</p>
@@ -229,10 +229,10 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
 <p>A <strong>Chapter</strong> displays a page meant to be used as introduction for a set of child pages. Commonly, it contains a simple title and a catch line to define content that can be found below it.</p>
 <p>
 		
-<a href="#image-26bceeeffa8feaa999f017c768578f01" class="lightbox-link">
+<a href="#image-8c4d8771d33acf1156f595c02486e81e" class="lightbox-link">
 <img src="../cont/archetypes/pages-chapter.png?classes=shadow&amp;width=60pc" alt="Chapter page" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-26bceeeffa8feaa999f017c768578f01">
+<a href="javascript:history.back();" class="lightbox" id="image-8c4d8771d33acf1156f595c02486e81e">
 <img src="../cont/archetypes/pages-chapter.png?classes=shadow&amp;width=60pc" alt="Chapter page" class="lightbox-image" loading="lazy">
 </a></p>
 <p>To create a chapter page, run the following command</p>
@@ -250,10 +250,10 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
 <p>A <strong>Default</strong> page is any other content page. If you set an unknown archetype in your frontmatter, this archetype will be used to generate the page.</p>
 <p>
 		
-<a href="#image-057a82c6e482c415015f8a2c194508c7" class="lightbox-link">
+<a href="#image-ca44da62315cbebbe14678cec98e8a1c" class="lightbox-link">
 <img src="../cont/archetypes/pages-default.png?classes=shadow&amp;width=60pc" alt="Default page" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-057a82c6e482c415015f8a2c194508c7">
+<a href="javascript:history.back();" class="lightbox" id="image-ca44da62315cbebbe14678cec98e8a1c">
 <img src="../cont/archetypes/pages-default.png?classes=shadow&amp;width=60pc" alt="Default page" class="lightbox-image" loading="lazy">
 </a></p>
 <p>To create a default page, run either one of the following commands</p>
@@ -827,10 +827,10 @@ line 3 of code
   <div class="box-content">
 <p>
 		
-<a href="#image-41bce34487933e1083abce9d5483a399" class="lightbox-link">
+<a href="#image-c87ae828b5623a8a91a3db283e57b8c9" class="lightbox-link">
 <img src="https://octodex.github.com/images/spocktocat.png?width=20vw&amp;classes=bg-white" alt="Spock" class="bg-white" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-41bce34487933e1083abce9d5483a399">
+<a href="javascript:history.back();" class="lightbox" id="image-c87ae828b5623a8a91a3db283e57b8c9">
 <img src="https://octodex.github.com/images/spocktocat.png?width=20vw&amp;classes=bg-white" alt="Spock" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -844,10 +844,10 @@ line 3 of code
   <div class="box-content">
 <p>
 		
-<a href="#image-32a3c1753b8c6690e174ca28f35dcccf" class="lightbox-link">
+<a href="#image-39aa2e3fd8a8732f6a96869e3d70b335" class="lightbox-link">
 <img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-32a3c1753b8c6690e174ca28f35dcccf">
+<a href="javascript:history.back();" class="lightbox" id="image-39aa2e3fd8a8732f6a96869e3d70b335">
 <img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -863,10 +863,10 @@ line 3 of code
   <div class="box-content">
 <p>
 		
-<a href="#image-67efac0eba81718f3a9c610ada99c592" class="lightbox-link">
+<a href="#image-a55e6272e3a8fd5590b1e9f26cdd735d" class="lightbox-link">
 <img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-67efac0eba81718f3a9c610ada99c592">
+<a href="javascript:history.back();" class="lightbox" id="image-a55e6272e3a8fd5590b1e9f26cdd735d">
 <img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -882,10 +882,10 @@ line 3 of code
   <div class="box-content">
 <p>
 		
-<a href="#image-a915d41f4fa4f4e2e4028c188a01457d" class="lightbox-link">
+<a href="#image-c009ebc13398cb7988f1fc09cb75fecb" class="lightbox-link">
 <img src="https://octodex.github.com/images/minion.png?width=20vw&amp;classes=bg-white" alt="Minion" class="bg-white" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-a915d41f4fa4f4e2e4028c188a01457d">
+<a href="javascript:history.back();" class="lightbox" id="image-c009ebc13398cb7988f1fc09cb75fecb">
 <img src="https://octodex.github.com/images/minion.png?width=20vw&amp;classes=bg-white" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -897,10 +897,10 @@ line 3 of code
   <div class="box-content">
 <p>
 		
-<a href="#image-1d7bde02be12a046a989bc0c248fc45c" class="lightbox-link">
+<a href="#image-42c2bd4f4349585c6558f5b1e488dd58" class="lightbox-link">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;classes=bg-white" alt="Minion" class="bg-white" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-1d7bde02be12a046a989bc0c248fc45c">
+<a href="javascript:history.back();" class="lightbox" id="image-42c2bd4f4349585c6558f5b1e488dd58">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;classes=bg-white" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -913,10 +913,10 @@ line 3 of code
 <p>
 		
 		
-<a href="#image-a9b0b4a10f673797923af6dabf893886" class="lightbox-link">
+<a href="#image-1379f524373627e7bce48ebfd43faa2c" class="lightbox-link">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw&amp;classes=bg-white" alt="Minion" class="bg-white" style="height: 50px; width: 40vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-a9b0b4a10f673797923af6dabf893886">
+<a href="javascript:history.back();" class="lightbox" id="image-1379f524373627e7bce48ebfd43faa2c">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw&amp;classes=bg-white" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -931,10 +931,10 @@ line 3 of code
   <div class="box-content">
 <p>
 		
-<a href="#image-67fbea4d8cdb106e30b59b5b27917beb" class="lightbox-link">
+<a href="#image-f666e4b08b4b3483d6cd544b43e61613" class="lightbox-link">
 <img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,bg-white" alt="Spidertocat" class="shadow bg-white" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-67fbea4d8cdb106e30b59b5b27917beb">
+<a href="javascript:history.back();" class="lightbox" id="image-f666e4b08b4b3483d6cd544b43e61613">
 <img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,bg-white" alt="Spidertocat" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -947,10 +947,10 @@ line 3 of code
   <div class="box-content">
 <p>
 		
-<a href="#image-fe62a24817dc5c47704f3a9cf1723f9b" class="lightbox-link">
+<a href="#image-6b7a75293bb0e1113f83bd9a22e1f9d4" class="lightbox-link">
 <img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border" alt="DrOctocat" class="border" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-fe62a24817dc5c47704f3a9cf1723f9b">
+<a href="javascript:history.back();" class="lightbox" id="image-6b7a75293bb0e1113f83bd9a22e1f9d4">
 <img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border" alt="DrOctocat" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -963,10 +963,10 @@ line 3 of code
   <div class="box-content">
 <p>
 		
-<a href="#image-44a871544e7bd7b5cd59ea311fef066a" class="lightbox-link">
+<a href="#image-2709c5e5409cf73c1ac0d14f8f4870f7" class="lightbox-link">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="left" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-44a871544e7bd7b5cd59ea311fef066a">
+<a href="javascript:history.back();" class="lightbox" id="image-2709c5e5409cf73c1ac0d14f8f4870f7">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -979,10 +979,10 @@ line 3 of code
   <div class="box-content">
 <p>
 		
-<a href="#image-40b85afbf77ca1c31eadc1f02c326b51" class="lightbox-link">
+<a href="#image-03b8a959d15f56dea4cd9b24803107a6" class="lightbox-link">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="right" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-40b85afbf77ca1c31eadc1f02c326b51">
+<a href="javascript:history.back();" class="lightbox" id="image-03b8a959d15f56dea4cd9b24803107a6">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -998,34 +998,34 @@ line 3 of code
   <div class="box-content">
 <p>
 		
-<a href="#image-456d8427110a4d1ace1e91b580efc66b" class="lightbox-link">
+<a href="#image-139101827976487f9bd20ef38bf6a956" class="lightbox-link">
 <img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline,bg-white" alt="Spidertocat" class="inline bg-white" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-456d8427110a4d1ace1e91b580efc66b">
+<a href="javascript:history.back();" class="lightbox" id="image-139101827976487f9bd20ef38bf6a956">
 <img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline,bg-white" alt="Spidertocat" class="lightbox-image" loading="lazy">
 </a>
 
 		
-<a href="#image-d80793985a59385b5bd3a46392b44c6a" class="lightbox-link">
+<a href="#image-96c50369a9673b0fd472d5bb788ea95f" class="lightbox-link">
 <img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="inline" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-d80793985a59385b5bd3a46392b44c6a">
+<a href="javascript:history.back();" class="lightbox" id="image-96c50369a9673b0fd472d5bb788ea95f">
 <img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image" loading="lazy">
 </a>
 
 		
-<a href="#image-094176f68df3dfa5d4df5bd4c970324c" class="lightbox-link">
+<a href="#image-f3191c2394b9f756e34a16be37447205" class="lightbox-link">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="inline" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-094176f68df3dfa5d4df5bd4c970324c">
+<a href="javascript:history.back();" class="lightbox" id="image-f3191c2394b9f756e34a16be37447205">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image" loading="lazy">
 </a>
 
 		
-<a href="#image-0af60e76641c8f9d33c3a58824a0ac1a" class="lightbox-link">
+<a href="#image-9d539394296133d15632fabe43b4bef4" class="lightbox-link">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="inline" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-0af60e76641c8f9d33c3a58824a0ac1a">
+<a href="javascript:history.back();" class="lightbox" id="image-9d539394296133d15632fabe43b4bef4">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -1038,10 +1038,10 @@ line 3 of code
   <div class="box-content">
 <p>
 		
-<a href="#image-a6cb582d43e6eb414f1e1305d00b454b" class="lightbox-link">
+<a href="#image-c21d037c8a31ba1ed0d67e7bc2afc916" class="lightbox-link">
 <img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="shadow border left" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-a6cb582d43e6eb414f1e1305d00b454b">
+<a href="javascript:history.back();" class="lightbox" id="image-c21d037c8a31ba1ed0d67e7bc2afc916">
 <img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -1244,11 +1244,11 @@ However, if you want to keep the title but change its value, it can be overridde
 </ul>
 <p>
 		
-<a href="#image-b9a122284de24a7aeb3d6e1bc02a93c5" class="lightbox-link">
-<img src="../cont/i18n/i18n-menu.gif?classes=shadow&amp;width=300px" alt="I18n menu" class="shadow" style="height: auto; width: 300px;" loading="lazy">
+<a href="#image-44537b8f9fe1804a94e04c42c8d8778a" class="lightbox-link">
+<img src="../cont/i18n/i18n-menu.gif?classes=shadow&amp;width=18.75rem" alt="I18n menu" class="shadow" style="height: auto; width: 18.75rem;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-b9a122284de24a7aeb3d6e1bc02a93c5">
-<img src="../cont/i18n/i18n-menu.gif?classes=shadow&amp;width=300px" alt="I18n menu" class="lightbox-image" loading="lazy">
+<a href="javascript:history.back();" class="lightbox" id="image-44537b8f9fe1804a94e04c42c8d8778a">
+<img src="../cont/i18n/i18n-menu.gif?classes=shadow&amp;width=18.75rem" alt="I18n menu" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="basic-configuration">Basic configuration</h2>
 <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>
@@ -1371,8 +1371,8 @@ You&rsquo;ll see error reports in your browsers console log for each unsupported
           </section>        </div>
       </main>
     </div>
-    <script src="../js/clipboard.min.js?1676326936" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1676326936" defer></script>
-    <script src="../js/theme.js?1676326936" defer></script>
+    <script src="../js/clipboard.min.js?1676402967" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1676402967" defer></script>
+    <script src="../js/theme.js?1676402967" defer></script>
   </body>
 </html>
diff --git a/cont/markdown/index.html b/cont/markdown/index.html
index 82ed85b82a..0a2bafd22c 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?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1676326934" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1676326934" rel="stylesheet">
-    <link href="../../css/fonts.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1676326934" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1676326934" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1676326934" rel="stylesheet">
-    <link href="../../css/print.css?1676326934" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1676326934" rel="stylesheet">
-    <script src="../../js/url.js?1676326934"></script>
-    <script src="../../js/variant.js?1676326934"></script>
+    <link href="../../css/fontawesome-all.min.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1676402965" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1676402965" rel="stylesheet">
+    <link href="../../css/fonts.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1676402965" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1676402965" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1676402965" rel="stylesheet">
+    <link href="../../css/print.css?1676402965" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1676402965" rel="stylesheet">
+    <script src="../../js/url.js?1676402965"></script>
+    <script src="../../js/variant.js?1676402965"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -665,10 +665,10 @@ line 3 of code
   <div class="box-content">
 <p>
 		
-<a href="#image-41bce34487933e1083abce9d5483a399" class="lightbox-link">
+<a href="#image-c87ae828b5623a8a91a3db283e57b8c9" class="lightbox-link">
 <img src="https://octodex.github.com/images/spocktocat.png?width=20vw&amp;classes=bg-white" alt="Spock" class="bg-white" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-41bce34487933e1083abce9d5483a399">
+<a href="javascript:history.back();" class="lightbox" id="image-c87ae828b5623a8a91a3db283e57b8c9">
 <img src="https://octodex.github.com/images/spocktocat.png?width=20vw&amp;classes=bg-white" alt="Spock" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -682,10 +682,10 @@ line 3 of code
   <div class="box-content">
 <p>
 		
-<a href="#image-32a3c1753b8c6690e174ca28f35dcccf" class="lightbox-link">
+<a href="#image-39aa2e3fd8a8732f6a96869e3d70b335" class="lightbox-link">
 <img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-32a3c1753b8c6690e174ca28f35dcccf">
+<a href="javascript:history.back();" class="lightbox" id="image-39aa2e3fd8a8732f6a96869e3d70b335">
 <img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -701,10 +701,10 @@ line 3 of code
   <div class="box-content">
 <p>
 		
-<a href="#image-67efac0eba81718f3a9c610ada99c592" class="lightbox-link">
+<a href="#image-a55e6272e3a8fd5590b1e9f26cdd735d" class="lightbox-link">
 <img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-67efac0eba81718f3a9c610ada99c592">
+<a href="javascript:history.back();" class="lightbox" id="image-a55e6272e3a8fd5590b1e9f26cdd735d">
 <img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -720,10 +720,10 @@ line 3 of code
   <div class="box-content">
 <p>
 		
-<a href="#image-a915d41f4fa4f4e2e4028c188a01457d" class="lightbox-link">
+<a href="#image-c009ebc13398cb7988f1fc09cb75fecb" class="lightbox-link">
 <img src="https://octodex.github.com/images/minion.png?width=20vw&amp;classes=bg-white" alt="Minion" class="bg-white" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-a915d41f4fa4f4e2e4028c188a01457d">
+<a href="javascript:history.back();" class="lightbox" id="image-c009ebc13398cb7988f1fc09cb75fecb">
 <img src="https://octodex.github.com/images/minion.png?width=20vw&amp;classes=bg-white" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -735,10 +735,10 @@ line 3 of code
   <div class="box-content">
 <p>
 		
-<a href="#image-1d7bde02be12a046a989bc0c248fc45c" class="lightbox-link">
+<a href="#image-42c2bd4f4349585c6558f5b1e488dd58" class="lightbox-link">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;classes=bg-white" alt="Minion" class="bg-white" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-1d7bde02be12a046a989bc0c248fc45c">
+<a href="javascript:history.back();" class="lightbox" id="image-42c2bd4f4349585c6558f5b1e488dd58">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;classes=bg-white" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -751,10 +751,10 @@ line 3 of code
 <p>
 		
 		
-<a href="#image-a9b0b4a10f673797923af6dabf893886" class="lightbox-link">
+<a href="#image-1379f524373627e7bce48ebfd43faa2c" class="lightbox-link">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw&amp;classes=bg-white" alt="Minion" class="bg-white" style="height: 50px; width: 40vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-a9b0b4a10f673797923af6dabf893886">
+<a href="javascript:history.back();" class="lightbox" id="image-1379f524373627e7bce48ebfd43faa2c">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw&amp;classes=bg-white" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -769,10 +769,10 @@ line 3 of code
   <div class="box-content">
 <p>
 		
-<a href="#image-67fbea4d8cdb106e30b59b5b27917beb" class="lightbox-link">
+<a href="#image-f666e4b08b4b3483d6cd544b43e61613" class="lightbox-link">
 <img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,bg-white" alt="Spidertocat" class="shadow bg-white" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-67fbea4d8cdb106e30b59b5b27917beb">
+<a href="javascript:history.back();" class="lightbox" id="image-f666e4b08b4b3483d6cd544b43e61613">
 <img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,bg-white" alt="Spidertocat" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -785,10 +785,10 @@ line 3 of code
   <div class="box-content">
 <p>
 		
-<a href="#image-fe62a24817dc5c47704f3a9cf1723f9b" class="lightbox-link">
+<a href="#image-6b7a75293bb0e1113f83bd9a22e1f9d4" class="lightbox-link">
 <img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border" alt="DrOctocat" class="border" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-fe62a24817dc5c47704f3a9cf1723f9b">
+<a href="javascript:history.back();" class="lightbox" id="image-6b7a75293bb0e1113f83bd9a22e1f9d4">
 <img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border" alt="DrOctocat" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -801,10 +801,10 @@ line 3 of code
   <div class="box-content">
 <p>
 		
-<a href="#image-44a871544e7bd7b5cd59ea311fef066a" class="lightbox-link">
+<a href="#image-2709c5e5409cf73c1ac0d14f8f4870f7" class="lightbox-link">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="left" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-44a871544e7bd7b5cd59ea311fef066a">
+<a href="javascript:history.back();" class="lightbox" id="image-2709c5e5409cf73c1ac0d14f8f4870f7">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -817,10 +817,10 @@ line 3 of code
   <div class="box-content">
 <p>
 		
-<a href="#image-40b85afbf77ca1c31eadc1f02c326b51" class="lightbox-link">
+<a href="#image-03b8a959d15f56dea4cd9b24803107a6" class="lightbox-link">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="right" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-40b85afbf77ca1c31eadc1f02c326b51">
+<a href="javascript:history.back();" class="lightbox" id="image-03b8a959d15f56dea4cd9b24803107a6">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -836,34 +836,34 @@ line 3 of code
   <div class="box-content">
 <p>
 		
-<a href="#image-456d8427110a4d1ace1e91b580efc66b" class="lightbox-link">
+<a href="#image-139101827976487f9bd20ef38bf6a956" class="lightbox-link">
 <img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline,bg-white" alt="Spidertocat" class="inline bg-white" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-456d8427110a4d1ace1e91b580efc66b">
+<a href="javascript:history.back();" class="lightbox" id="image-139101827976487f9bd20ef38bf6a956">
 <img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline,bg-white" alt="Spidertocat" class="lightbox-image" loading="lazy">
 </a>
 
 		
-<a href="#image-d80793985a59385b5bd3a46392b44c6a" class="lightbox-link">
+<a href="#image-96c50369a9673b0fd472d5bb788ea95f" class="lightbox-link">
 <img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="inline" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-d80793985a59385b5bd3a46392b44c6a">
+<a href="javascript:history.back();" class="lightbox" id="image-96c50369a9673b0fd472d5bb788ea95f">
 <img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image" loading="lazy">
 </a>
 
 		
-<a href="#image-094176f68df3dfa5d4df5bd4c970324c" class="lightbox-link">
+<a href="#image-f3191c2394b9f756e34a16be37447205" class="lightbox-link">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="inline" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-094176f68df3dfa5d4df5bd4c970324c">
+<a href="javascript:history.back();" class="lightbox" id="image-f3191c2394b9f756e34a16be37447205">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image" loading="lazy">
 </a>
 
 		
-<a href="#image-0af60e76641c8f9d33c3a58824a0ac1a" class="lightbox-link">
+<a href="#image-9d539394296133d15632fabe43b4bef4" class="lightbox-link">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="inline" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-0af60e76641c8f9d33c3a58824a0ac1a">
+<a href="javascript:history.back();" class="lightbox" id="image-9d539394296133d15632fabe43b4bef4">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -876,10 +876,10 @@ line 3 of code
   <div class="box-content">
 <p>
 		
-<a href="#image-a6cb582d43e6eb414f1e1305d00b454b" class="lightbox-link">
+<a href="#image-c21d037c8a31ba1ed0d67e7bc2afc916" class="lightbox-link">
 <img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="shadow border left" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-a6cb582d43e6eb414f1e1305d00b454b">
+<a href="javascript:history.back();" class="lightbox" id="image-c21d037c8a31ba1ed0d67e7bc2afc916">
 <img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -919,12 +919,12 @@ line 3 of code
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -932,33 +932,33 @@ line 3 of code
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -981,12 +981,12 @@ line 3 of code
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1676326934" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1676326934" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1676326934" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1676326934" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1676326934" defer></script>
-        <script src="../../js/search.js?1676326934" defer></script>
+        <script src="../../js/auto-complete.js?1676402965" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1676402965" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1676402965" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1676402965" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1676402965" defer></script>
+        <script src="../../js/search.js?1676402965" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -1086,14 +1086,14 @@ line 3 of code
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -1103,12 +1103,12 @@ line 3 of code
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1676326934"></script>
+          <script async src="../../js/buttons.js?1676402965"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1676326934" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1676326934" defer></script>
-    <script src="../../js/theme.js?1676326934" defer></script>
+    <script src="../../js/clipboard.min.js?1676402965" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1676402965" defer></script>
+    <script src="../../js/theme.js?1676402965" defer></script>
   </body>
 </html>
diff --git a/cont/markdown/index.print.html b/cont/markdown/index.print.html
index c3ea940e92..c84daacbfe 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?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1676326935" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1676326935" rel="stylesheet">
-    <link href="../../css/fonts.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1676326935" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1676326935" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1676326935" rel="stylesheet">
-    <link href="../../css/print.css?1676326935" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1676326935" rel="stylesheet">
-    <link href="../../css/ie.css?1676326935" rel="stylesheet">
-    <script src="../../js/url.js?1676326935"></script>
-    <script src="../../js/variant.js?1676326935"></script>
+    <link href="../../css/fontawesome-all.min.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1676402967" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1676402967" rel="stylesheet">
+    <link href="../../css/fonts.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1676402967" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1676402967" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1676402967" rel="stylesheet">
+    <link href="../../css/print.css?1676402967" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1676402967" rel="stylesheet">
+    <link href="../../css/ie.css?1676402967" rel="stylesheet">
+    <script src="../../js/url.js?1676402967"></script>
+    <script src="../../js/variant.js?1676402967"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -592,10 +592,10 @@ line 3 of code
   <div class="box-content">
 <p>
 		
-<a href="#image-41bce34487933e1083abce9d5483a399" class="lightbox-link">
+<a href="#image-c87ae828b5623a8a91a3db283e57b8c9" class="lightbox-link">
 <img src="https://octodex.github.com/images/spocktocat.png?width=20vw&amp;classes=bg-white" alt="Spock" class="bg-white" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-41bce34487933e1083abce9d5483a399">
+<a href="javascript:history.back();" class="lightbox" id="image-c87ae828b5623a8a91a3db283e57b8c9">
 <img src="https://octodex.github.com/images/spocktocat.png?width=20vw&amp;classes=bg-white" alt="Spock" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -609,10 +609,10 @@ line 3 of code
   <div class="box-content">
 <p>
 		
-<a href="#image-32a3c1753b8c6690e174ca28f35dcccf" class="lightbox-link">
+<a href="#image-39aa2e3fd8a8732f6a96869e3d70b335" class="lightbox-link">
 <img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-32a3c1753b8c6690e174ca28f35dcccf">
+<a href="javascript:history.back();" class="lightbox" id="image-39aa2e3fd8a8732f6a96869e3d70b335">
 <img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -628,10 +628,10 @@ line 3 of code
   <div class="box-content">
 <p>
 		
-<a href="#image-67efac0eba81718f3a9c610ada99c592" class="lightbox-link">
+<a href="#image-a55e6272e3a8fd5590b1e9f26cdd735d" class="lightbox-link">
 <img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-67efac0eba81718f3a9c610ada99c592">
+<a href="javascript:history.back();" class="lightbox" id="image-a55e6272e3a8fd5590b1e9f26cdd735d">
 <img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -647,10 +647,10 @@ line 3 of code
   <div class="box-content">
 <p>
 		
-<a href="#image-a915d41f4fa4f4e2e4028c188a01457d" class="lightbox-link">
+<a href="#image-c009ebc13398cb7988f1fc09cb75fecb" class="lightbox-link">
 <img src="https://octodex.github.com/images/minion.png?width=20vw&amp;classes=bg-white" alt="Minion" class="bg-white" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-a915d41f4fa4f4e2e4028c188a01457d">
+<a href="javascript:history.back();" class="lightbox" id="image-c009ebc13398cb7988f1fc09cb75fecb">
 <img src="https://octodex.github.com/images/minion.png?width=20vw&amp;classes=bg-white" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -662,10 +662,10 @@ line 3 of code
   <div class="box-content">
 <p>
 		
-<a href="#image-1d7bde02be12a046a989bc0c248fc45c" class="lightbox-link">
+<a href="#image-42c2bd4f4349585c6558f5b1e488dd58" class="lightbox-link">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;classes=bg-white" alt="Minion" class="bg-white" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-1d7bde02be12a046a989bc0c248fc45c">
+<a href="javascript:history.back();" class="lightbox" id="image-42c2bd4f4349585c6558f5b1e488dd58">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;classes=bg-white" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -678,10 +678,10 @@ line 3 of code
 <p>
 		
 		
-<a href="#image-a9b0b4a10f673797923af6dabf893886" class="lightbox-link">
+<a href="#image-1379f524373627e7bce48ebfd43faa2c" class="lightbox-link">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw&amp;classes=bg-white" alt="Minion" class="bg-white" style="height: 50px; width: 40vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-a9b0b4a10f673797923af6dabf893886">
+<a href="javascript:history.back();" class="lightbox" id="image-1379f524373627e7bce48ebfd43faa2c">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw&amp;classes=bg-white" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -696,10 +696,10 @@ line 3 of code
   <div class="box-content">
 <p>
 		
-<a href="#image-67fbea4d8cdb106e30b59b5b27917beb" class="lightbox-link">
+<a href="#image-f666e4b08b4b3483d6cd544b43e61613" class="lightbox-link">
 <img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,bg-white" alt="Spidertocat" class="shadow bg-white" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-67fbea4d8cdb106e30b59b5b27917beb">
+<a href="javascript:history.back();" class="lightbox" id="image-f666e4b08b4b3483d6cd544b43e61613">
 <img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,bg-white" alt="Spidertocat" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -712,10 +712,10 @@ line 3 of code
   <div class="box-content">
 <p>
 		
-<a href="#image-fe62a24817dc5c47704f3a9cf1723f9b" class="lightbox-link">
+<a href="#image-6b7a75293bb0e1113f83bd9a22e1f9d4" class="lightbox-link">
 <img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border" alt="DrOctocat" class="border" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-fe62a24817dc5c47704f3a9cf1723f9b">
+<a href="javascript:history.back();" class="lightbox" id="image-6b7a75293bb0e1113f83bd9a22e1f9d4">
 <img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border" alt="DrOctocat" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -728,10 +728,10 @@ line 3 of code
   <div class="box-content">
 <p>
 		
-<a href="#image-44a871544e7bd7b5cd59ea311fef066a" class="lightbox-link">
+<a href="#image-2709c5e5409cf73c1ac0d14f8f4870f7" class="lightbox-link">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="left" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-44a871544e7bd7b5cd59ea311fef066a">
+<a href="javascript:history.back();" class="lightbox" id="image-2709c5e5409cf73c1ac0d14f8f4870f7">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -744,10 +744,10 @@ line 3 of code
   <div class="box-content">
 <p>
 		
-<a href="#image-40b85afbf77ca1c31eadc1f02c326b51" class="lightbox-link">
+<a href="#image-03b8a959d15f56dea4cd9b24803107a6" class="lightbox-link">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="right" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-40b85afbf77ca1c31eadc1f02c326b51">
+<a href="javascript:history.back();" class="lightbox" id="image-03b8a959d15f56dea4cd9b24803107a6">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -763,34 +763,34 @@ line 3 of code
   <div class="box-content">
 <p>
 		
-<a href="#image-456d8427110a4d1ace1e91b580efc66b" class="lightbox-link">
+<a href="#image-139101827976487f9bd20ef38bf6a956" class="lightbox-link">
 <img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline,bg-white" alt="Spidertocat" class="inline bg-white" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-456d8427110a4d1ace1e91b580efc66b">
+<a href="javascript:history.back();" class="lightbox" id="image-139101827976487f9bd20ef38bf6a956">
 <img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline,bg-white" alt="Spidertocat" class="lightbox-image" loading="lazy">
 </a>
 
 		
-<a href="#image-d80793985a59385b5bd3a46392b44c6a" class="lightbox-link">
+<a href="#image-96c50369a9673b0fd472d5bb788ea95f" class="lightbox-link">
 <img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="inline" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-d80793985a59385b5bd3a46392b44c6a">
+<a href="javascript:history.back();" class="lightbox" id="image-96c50369a9673b0fd472d5bb788ea95f">
 <img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image" loading="lazy">
 </a>
 
 		
-<a href="#image-094176f68df3dfa5d4df5bd4c970324c" class="lightbox-link">
+<a href="#image-f3191c2394b9f756e34a16be37447205" class="lightbox-link">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="inline" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-094176f68df3dfa5d4df5bd4c970324c">
+<a href="javascript:history.back();" class="lightbox" id="image-f3191c2394b9f756e34a16be37447205">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image" loading="lazy">
 </a>
 
 		
-<a href="#image-0af60e76641c8f9d33c3a58824a0ac1a" class="lightbox-link">
+<a href="#image-9d539394296133d15632fabe43b4bef4" class="lightbox-link">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="inline" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-0af60e76641c8f9d33c3a58824a0ac1a">
+<a href="javascript:history.back();" class="lightbox" id="image-9d539394296133d15632fabe43b4bef4">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -803,10 +803,10 @@ line 3 of code
   <div class="box-content">
 <p>
 		
-<a href="#image-a6cb582d43e6eb414f1e1305d00b454b" class="lightbox-link">
+<a href="#image-c21d037c8a31ba1ed0d67e7bc2afc916" class="lightbox-link">
 <img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="shadow border left" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-a6cb582d43e6eb414f1e1305d00b454b">
+<a href="javascript:history.back();" class="lightbox" id="image-c21d037c8a31ba1ed0d67e7bc2afc916">
 <img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -830,8 +830,8 @@ line 3 of code
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1676326935" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1676326935" defer></script>
-    <script src="../../js/theme.js?1676326935" defer></script>
+    <script src="../../js/clipboard.min.js?1676402967" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1676402967" defer></script>
+    <script src="../../js/theme.js?1676402967" defer></script>
   </body>
 </html>
diff --git a/cont/menushortcuts/index.html b/cont/menushortcuts/index.html
index 1f8df060ff..8294118436 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?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1676326934" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1676326934" rel="stylesheet">
-    <link href="../../css/fonts.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1676326934" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1676326934" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1676326934" rel="stylesheet">
-    <link href="../../css/print.css?1676326934" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1676326934" rel="stylesheet">
-    <script src="../../js/url.js?1676326934"></script>
-    <script src="../../js/variant.js?1676326934"></script>
+    <link href="../../css/fontawesome-all.min.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1676402965" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1676402965" rel="stylesheet">
+    <link href="../../css/fonts.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1676402965" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1676402965" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1676402965" rel="stylesheet">
+    <link href="../../css/print.css?1676402965" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1676402965" rel="stylesheet">
+    <script src="../../js/url.js?1676402965"></script>
+    <script src="../../js/variant.js?1676402965"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -233,12 +233,12 @@ However, if you want to keep the title but change its value, it can be overridde
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -246,33 +246,33 @@ However, if you want to keep the title but change its value, it can be overridde
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -295,12 +295,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?1676326934" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1676326934" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1676326934" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1676326934" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1676326934" defer></script>
-        <script src="../../js/search.js?1676326934" defer></script>
+        <script src="../../js/auto-complete.js?1676402965" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1676402965" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1676402965" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1676402965" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1676402965" defer></script>
+        <script src="../../js/search.js?1676402965" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -400,14 +400,14 @@ However, if you want to keep the title but change its value, it can be overridde
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -417,12 +417,12 @@ However, if you want to keep the title but change its value, it can be overridde
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1676326934"></script>
+          <script async src="../../js/buttons.js?1676402965"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1676326934" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1676326934" defer></script>
-    <script src="../../js/theme.js?1676326934" defer></script>
+    <script src="../../js/clipboard.min.js?1676402965" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1676402965" defer></script>
+    <script src="../../js/theme.js?1676402965" defer></script>
   </body>
 </html>
diff --git a/cont/menushortcuts/index.print.html b/cont/menushortcuts/index.print.html
index c7be6a24ee..9ec50cb34a 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?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1676326935" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1676326935" rel="stylesheet">
-    <link href="../../css/fonts.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1676326935" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1676326935" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1676326935" rel="stylesheet">
-    <link href="../../css/print.css?1676326935" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1676326935" rel="stylesheet">
-    <link href="../../css/ie.css?1676326935" rel="stylesheet">
-    <script src="../../js/url.js?1676326935"></script>
-    <script src="../../js/variant.js?1676326935"></script>
+    <link href="../../css/fontawesome-all.min.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1676402967" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1676402967" rel="stylesheet">
+    <link href="../../css/fonts.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1676402967" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1676402967" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1676402967" rel="stylesheet">
+    <link href="../../css/print.css?1676402967" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1676402967" rel="stylesheet">
+    <link href="../../css/ie.css?1676402967" rel="stylesheet">
+    <script src="../../js/url.js?1676402967"></script>
+    <script src="../../js/variant.js?1676402967"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -191,8 +191,8 @@ 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?1676326935" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1676326935" defer></script>
-    <script src="../../js/theme.js?1676326935" defer></script>
+    <script src="../../js/clipboard.min.js?1676402967" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1676402967" defer></script>
+    <script src="../../js/theme.js?1676402967" defer></script>
   </body>
 </html>
diff --git a/cont/pages/index.html b/cont/pages/index.html
index 9c631d6bff..41adb09fba 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?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1676326934" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1676326934" rel="stylesheet">
-    <link href="../../css/fonts.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1676326934" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1676326934" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1676326934" rel="stylesheet">
-    <link href="../../css/print.css?1676326934" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1676326934" rel="stylesheet">
-    <script src="../../js/url.js?1676326934"></script>
-    <script src="../../js/variant.js?1676326934"></script>
+    <link href="../../css/fontawesome-all.min.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1676402965" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1676402965" rel="stylesheet">
+    <link href="../../css/fonts.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1676402965" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1676402965" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1676402965" rel="stylesheet">
+    <link href="../../css/print.css?1676402965" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1676402965" rel="stylesheet">
+    <script src="../../js/url.js?1676402965"></script>
+    <script src="../../js/variant.js?1676402965"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -184,11 +184,11 @@
 </span></span><span class="line"><span class="cl"><span class="err">+++</span>
 </span></span></code></pre></div><p>
 		
-<a href="#image-9df8bcafef5b5d270d029a4a669e2ddb" class="lightbox-link">
-<img src="../../cont/pages/frontmatter-icon.png?classes=shadow&amp;width=300px" alt="Title with icon" class="shadow" style="height: auto; width: 300px;" loading="lazy">
+<a href="#image-7670fa7be03980d65cb24c84632cf8c5" class="lightbox-link">
+<img src="../../cont/pages/frontmatter-icon.png?classes=shadow&amp;width=18.75rem" alt="Title with icon" class="shadow" style="height: auto; width: 18.75rem;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-9df8bcafef5b5d270d029a4a669e2ddb">
-<img src="../../cont/pages/frontmatter-icon.png?classes=shadow&amp;width=300px" alt="Title with icon" class="lightbox-image" loading="lazy">
+<a href="javascript:history.back();" class="lightbox" id="image-7670fa7be03980d65cb24c84632cf8c5">
+<img src="../../cont/pages/frontmatter-icon.png?classes=shadow&amp;width=18.75rem" alt="Title with icon" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="ordering-sibling-menupage-entries">Ordering sibling menu/page entries</h3>
 <p>Hugo provides a <a href="https://gohugo.io/content/ordering/" target="_blank">flexible way</a> to handle order for your pages.</p>
@@ -241,12 +241,12 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -254,33 +254,33 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -303,12 +303,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?1676326935" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1676326935" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1676326935" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1676326935" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1676326935" defer></script>
-        <script src="../../js/search.js?1676326935" defer></script>
+        <script src="../../js/auto-complete.js?1676402966" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1676402966" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1676402966" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1676402966" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1676402966" defer></script>
+        <script src="../../js/search.js?1676402966" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -408,14 +408,14 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -425,12 +425,12 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1676326935"></script>
+          <script async src="../../js/buttons.js?1676402966"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1676326935" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1676326935" defer></script>
-    <script src="../../js/theme.js?1676326935" defer></script>
+    <script src="../../js/clipboard.min.js?1676402966" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1676402966" defer></script>
+    <script src="../../js/theme.js?1676402966" defer></script>
   </body>
 </html>
diff --git a/cont/pages/index.print.html b/cont/pages/index.print.html
index 516c55e824..ba9fab209e 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?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1676326935" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1676326935" rel="stylesheet">
-    <link href="../../css/fonts.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1676326935" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1676326935" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1676326935" rel="stylesheet">
-    <link href="../../css/print.css?1676326935" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1676326935" rel="stylesheet">
-    <link href="../../css/ie.css?1676326935" rel="stylesheet">
-    <script src="../../js/url.js?1676326935"></script>
-    <script src="../../js/variant.js?1676326935"></script>
+    <link href="../../css/fontawesome-all.min.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1676402967" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1676402967" rel="stylesheet">
+    <link href="../../css/fonts.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1676402967" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1676402967" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1676402967" rel="stylesheet">
+    <link href="../../css/print.css?1676402967" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1676402967" rel="stylesheet">
+    <link href="../../css/ie.css?1676402967" rel="stylesheet">
+    <script src="../../js/url.js?1676402967"></script>
+    <script src="../../js/variant.js?1676402967"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -150,11 +150,11 @@
 </span></span><span class="line"><span class="cl"><span class="err">+++</span>
 </span></span></code></pre></div><p>
 		
-<a href="#image-9df8bcafef5b5d270d029a4a669e2ddb" class="lightbox-link">
-<img src="../../cont/pages/frontmatter-icon.png?classes=shadow&amp;width=300px" alt="Title with icon" class="shadow" style="height: auto; width: 300px;" loading="lazy">
+<a href="#image-7670fa7be03980d65cb24c84632cf8c5" class="lightbox-link">
+<img src="../../cont/pages/frontmatter-icon.png?classes=shadow&amp;width=18.75rem" alt="Title with icon" class="shadow" style="height: auto; width: 18.75rem;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-9df8bcafef5b5d270d029a4a669e2ddb">
-<img src="../../cont/pages/frontmatter-icon.png?classes=shadow&amp;width=300px" alt="Title with icon" class="lightbox-image" loading="lazy">
+<a href="javascript:history.back();" class="lightbox" id="image-7670fa7be03980d65cb24c84632cf8c5">
+<img src="../../cont/pages/frontmatter-icon.png?classes=shadow&amp;width=18.75rem" alt="Title with icon" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="ordering-sibling-menupage-entries">Ordering sibling menu/page entries</h3>
 <p>Hugo provides a <a href="https://gohugo.io/content/ordering/" target="_blank">flexible way</a> to handle order for your pages.</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?1676326936" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1676326936" defer></script>
-    <script src="../../js/theme.js?1676326936" defer></script>
+    <script src="../../js/clipboard.min.js?1676402967" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1676402967" defer></script>
+    <script src="../../js/theme.js?1676402967" defer></script>
   </body>
 </html>
diff --git a/cont/syntaxhighlight/index.html b/cont/syntaxhighlight/index.html
index 469c67d4a6..14ebf5f618 100644
--- a/cont/syntaxhighlight/index.html
+++ b/cont/syntaxhighlight/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/syntaxhighlight/index.html" rel="alternate" hreflang="pir">
     <link href="../../cont/syntaxhighlight/index.xml" rel="alternate" type="application/rss+xml" title="Code highlighting :: Hugo Relearn Theme">
     <link href="../../cont/syntaxhighlight/index.print.html" rel="alternate" type="text/html" title="Code highlighting :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1676326934" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1676326934" rel="stylesheet">
-    <link href="../../css/fonts.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1676326934" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1676326934" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1676326934" rel="stylesheet">
-    <link href="../../css/print.css?1676326934" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1676326934" rel="stylesheet">
-    <script src="../../js/url.js?1676326934"></script>
-    <script src="../../js/variant.js?1676326934"></script>
+    <link href="../../css/fontawesome-all.min.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1676402965" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1676402965" rel="stylesheet">
+    <link href="../../css/fonts.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1676402965" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1676402965" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1676402965" rel="stylesheet">
+    <link href="../../css/print.css?1676402965" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1676402965" rel="stylesheet">
+    <script src="../../js/url.js?1676402965"></script>
+    <script src="../../js/variant.js?1676402965"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -171,12 +171,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -184,33 +184,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -233,12 +233,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1676326934" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1676326934" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1676326934" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1676326934" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1676326934" defer></script>
-        <script src="../../js/search.js?1676326934" defer></script>
+        <script src="../../js/auto-complete.js?1676402965" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1676402965" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1676402965" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1676402965" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1676402965" defer></script>
+        <script src="../../js/search.js?1676402965" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -338,14 +338,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -355,12 +355,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1676326934"></script>
+          <script async src="../../js/buttons.js?1676402965"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1676326934" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1676326934" defer></script>
-    <script src="../../js/theme.js?1676326934" defer></script>
+    <script src="../../js/clipboard.min.js?1676402965" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1676402965" defer></script>
+    <script src="../../js/theme.js?1676402965" defer></script>
   </body>
 </html>
diff --git a/cont/syntaxhighlight/index.print.html b/cont/syntaxhighlight/index.print.html
index c613b4a111..971808d45f 100644
--- a/cont/syntaxhighlight/index.print.html
+++ b/cont/syntaxhighlight/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/syntaxhighlight/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/cont/syntaxhighlight/index.html" rel="canonical" type="text/html" title="Code highlighting :: Hugo Relearn Theme">
     <link href="../../cont/syntaxhighlight/index.xml" rel="alternate" type="application/rss+xml" title="Code highlighting :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1676326935" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1676326935" rel="stylesheet">
-    <link href="../../css/fonts.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1676326935" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1676326935" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1676326935" rel="stylesheet">
-    <link href="../../css/print.css?1676326935" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1676326935" rel="stylesheet">
-    <link href="../../css/ie.css?1676326935" rel="stylesheet">
-    <script src="../../js/url.js?1676326935"></script>
-    <script src="../../js/variant.js?1676326935"></script>
+    <link href="../../css/fontawesome-all.min.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1676402967" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1676402967" rel="stylesheet">
+    <link href="../../css/fonts.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1676402967" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1676402967" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1676402967" rel="stylesheet">
+    <link href="../../css/print.css?1676402967" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1676402967" rel="stylesheet">
+    <link href="../../css/ie.css?1676402967" rel="stylesheet">
+    <script src="../../js/url.js?1676402967"></script>
+    <script src="../../js/variant.js?1676402967"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -128,8 +128,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1676326935" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1676326935" defer></script>
-    <script src="../../js/theme.js?1676326935" defer></script>
+    <script src="../../js/clipboard.min.js?1676402967" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1676402967" defer></script>
+    <script src="../../js/theme.js?1676402967" defer></script>
   </body>
 </html>
diff --git a/cont/tags/index.html b/cont/tags/index.html
index ba24951646..a429422305 100644
--- a/cont/tags/index.html
+++ b/cont/tags/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/tags/index.html" rel="alternate" hreflang="pir">
     <link href="../../cont/tags/index.xml" rel="alternate" type="application/rss+xml" title="Tags :: Hugo Relearn Theme">
     <link href="../../cont/tags/index.print.html" rel="alternate" type="text/html" title="Tags :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1676326934" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1676326934" rel="stylesheet">
-    <link href="../../css/fonts.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1676326934" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1676326934" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1676326934" rel="stylesheet">
-    <link href="../../css/print.css?1676326934" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1676326934" rel="stylesheet">
-    <script src="../../js/url.js?1676326934"></script>
-    <script src="../../js/variant.js?1676326934"></script>
+    <link href="../../css/fontawesome-all.min.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1676402965" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1676402965" rel="stylesheet">
+    <link href="../../css/fonts.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1676402965" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1676402965" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1676402965" rel="stylesheet">
+    <link href="../../css/print.css?1676402965" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1676402965" rel="stylesheet">
+    <script src="../../js/url.js?1676402965"></script>
+    <script src="../../js/variant.js?1676402965"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -147,12 +147,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -160,33 +160,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -209,12 +209,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1676326934" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1676326934" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1676326934" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1676326934" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1676326934" defer></script>
-        <script src="../../js/search.js?1676326934" defer></script>
+        <script src="../../js/auto-complete.js?1676402965" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1676402965" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1676402965" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1676402965" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1676402965" defer></script>
+        <script src="../../js/search.js?1676402965" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -314,14 +314,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -331,12 +331,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1676326934"></script>
+          <script async src="../../js/buttons.js?1676402965"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1676326934" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1676326934" defer></script>
-    <script src="../../js/theme.js?1676326934" defer></script>
+    <script src="../../js/clipboard.min.js?1676402965" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1676402965" defer></script>
+    <script src="../../js/theme.js?1676402965" defer></script>
   </body>
 </html>
diff --git a/cont/tags/index.print.html b/cont/tags/index.print.html
index 7d433ea1ce..ee6e62bfa2 100644
--- a/cont/tags/index.print.html
+++ b/cont/tags/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/tags/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/cont/tags/index.html" rel="canonical" type="text/html" title="Tags :: Hugo Relearn Theme">
     <link href="../../cont/tags/index.xml" rel="alternate" type="application/rss+xml" title="Tags :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1676326935" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1676326935" rel="stylesheet">
-    <link href="../../css/fonts.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1676326935" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1676326935" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1676326935" rel="stylesheet">
-    <link href="../../css/print.css?1676326935" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1676326935" rel="stylesheet">
-    <link href="../../css/ie.css?1676326935" rel="stylesheet">
-    <script src="../../js/url.js?1676326935"></script>
-    <script src="../../js/variant.js?1676326935"></script>
+    <link href="../../css/fontawesome-all.min.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1676402967" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1676402967" rel="stylesheet">
+    <link href="../../css/fonts.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1676402967" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1676402967" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1676402967" rel="stylesheet">
+    <link href="../../css/print.css?1676402967" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1676402967" rel="stylesheet">
+    <link href="../../css/ie.css?1676402967" rel="stylesheet">
+    <script src="../../js/url.js?1676402967"></script>
+    <script src="../../js/variant.js?1676402967"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -104,8 +104,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1676326935" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1676326935" defer></script>
-    <script src="../../js/theme.js?1676326935" defer></script>
+    <script src="../../js/clipboard.min.js?1676402967" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1676402967" defer></script>
+    <script src="../../js/theme.js?1676402967" defer></script>
   </body>
 </html>
diff --git a/css/ie.css b/css/ie.css
index eb2f32e782..8bd2a47e05 100644
--- a/css/ie.css
+++ b/css/ie.css
@@ -44,7 +44,7 @@
 		padding-left: 1rem;
 	}
 	#body {
-		margin-left: 300px;
+		margin-left: 18.75rem;
 	}
 	h2, h3, h4, h5, h6 {
 		padding-right: 2rem;
@@ -96,19 +96,19 @@
 	.progress {
 		left: 1rem;
 	}
-	@media screen and (max-width: 47.938em) {
+	@media screen and (max-width: 48rem) {
 		.progress {
 			left: 4.25rem;
 		}
 	}
-	@media screen and (max-width: 59.938em) {
+	@media screen and (max-width: 60rem) {
 		#body {
-			margin-left: 230px;
+			margin-left: 14.375rem;
 		}
 	}
-	@media screen and (max-width: 47.938em) {
+	@media screen and (max-width: 48rem) {
 		.mobile-support #sidebar {
-			left: -230px;
+			left: -14.375rem;
 		}
 		.mobile-support #body {
 			margin-left: 0;
@@ -117,7 +117,7 @@
 			left: 0;
 		}
 		.mobile-support.sidebar-flyout #body {
-			margin-left: 230px;
+			margin-left: 14.375rem;
 		}
 	}
 	.copy-to-clipboard-button {
diff --git a/css/nucleus.css b/css/nucleus.css
index 67b8e65d49..a4f49f0957 100644
--- a/css/nucleus.css
+++ b/css/nucleus.css
@@ -90,7 +90,7 @@ svg:not(:root) {
   overflow: hidden; }
 
 figure {
-  margin: 1em 40px; }
+  margin: 1rem 2.5rem; }
 
 hr {
   height: 0; }
diff --git a/css/theme.css b/css/theme.css
index a285f1f788..39208a0b55 100644
--- a/css/theme.css
+++ b/css/theme.css
@@ -55,10 +55,10 @@ dd {
     inset-inline-start: 0;
     line-height: 1.574;
     min-height: 100%;
-    min-width: 300px;
-    max-width: 300px;
+    min-width: 18.75rem;
+    max-width: 18.75rem;
     position: fixed;
-    width: 300px;
+    width: 18.75rem;
 }
 
 #header-wrapper {
@@ -251,7 +251,7 @@ dd {
 #sidebar ul li .read-icon {
     display: none;
     float: right;
-    font-size: 13px;
+    font-size: .8125rem;
     margin: 4px 0 0 0;
     min-width: 16px;
     text-align: start;
@@ -292,13 +292,13 @@ html[dir="rtl"] #sidebar ul li .read-icon {
     flex-grow: 1;
     flex-shrink: 0;
     height: 100%;
-    margin-inline-start: 300px;
+    margin-inline-start: 18.75rem;
     min-height: 100%;
-    min-width: calc( 100% - 300px);
-    max-width: calc( 100% - 300px);
+    min-width: calc( 100% - 18.75rem);
+    max-width: calc( 100% - 18.75rem);
     overflow-wrap: break-word; /* avoid x-scrolling of body if it is to large to fit */
     position: relative; /* PS */
-    width: calc( 100% - 300px);
+    width: calc( 100% - 18.75rem);
     z-index: 70;
 }
 
@@ -325,7 +325,7 @@ html[dir="rtl"] #sidebar ul li .read-icon {
 
 #body img.shadow,
 #body .video-container.shadow {
-    box-shadow: 0 10px 30px rgba( 200, 200, 200, .666 );
+    box-shadow: 0 .625rem 1.875rem rgba( 200, 200, 200, .666 );
 }
 
 #body img.inline {
@@ -342,14 +342,14 @@ html[dir="rtl"] #sidebar ul li .read-icon {
     padding: 0 3.25rem 4rem 3.25rem;
     position: relative; /* PS */
 }
-@media screen and (max-width: 59.938em) {
+@media screen and (max-width: 60rem) {
     #body-inner {
-        padding: 0 2rem 15px 2rem;
+        padding: 0 2rem 1rem 2rem;
     }
 }
-@media screen and (max-width: 47.938em) {
+@media screen and (max-width: 48rem) {
     #body-inner {
-        padding: 0 1.25rem 5px 1.25rem;
+        padding: 0 1.25rem .375rem 1.25rem;
     }
 }
 
@@ -363,33 +363,38 @@ html[dir="rtl"] #sidebar ul li .read-icon {
     margin-top: -1rem;
 }
 
+#body .flex-block-wrapper {
+    margin-left: auto;
+    margin-right: auto;
+    max-width: calc( 81.25rem - 18.75rem - 2 * 3.25rem );
+}
+body:not(.print) #body .narrow .flex-block-wrapper {
+    max-width: calc( 81.25rem - 18.75rem - 2 * 9.75rem );
+}
+
 /* we limit width if we have large screens */
-@media screen and ( min-width: 1300px ){ /* #sidebar/width + ./max-width */
+@media screen and ( min-width: 81.25rem ){ /* #sidebar/width + ./max-width */
     #body .flex-block-wrapper {
-        margin-left: auto;
-        margin-right: auto;
-        min-width: calc( 1300px - 300px - 2 * 3.25rem );
-        width: calc( 1300px - 300px - 2 * 3.25rem );
-        max-width: calc( 1300px - 300px - 2 * 3.25rem );
+        min-width: calc( 81.25rem - 18.75rem - 2 * 3.25rem );
+        width: calc( 81.25rem - 18.75rem - 2 * 3.25rem );
     }
     body:not(.print) #body .narrow .flex-block-wrapper {
-        min-width: calc( 1300px - 300px - 2 * 9.75rem );
-        width: calc( 1300px - 300px - 2 * 9.75rem );
-        max-width: calc( 1300px - 300px - 2 * 9.75rem );
+        min-width: calc( 81.25rem - 18.75rem - 2 * 9.75rem );
+        width: calc( 81.25rem - 18.75rem - 2 * 9.75rem );
     }
 }
 
 body:not(.print) #body-inner.narrow {
     padding: 2rem 9.75rem;
 }
-@media screen and (max-width: 59.938em) {
+@media screen and (max-width: 60rem) {
     body:not(.print) #body-inner.narrow {
-        padding: 15px 6.5rem;
+        padding: 1rem 6.5rem;
     }
 }
-@media screen and (max-width: 47.938em) {
+@media screen and (max-width: 48rem) {
     body:not(.print) #body-inner.narrow {
-        padding: 5px 3.25rem;
+        padding: .375rem 3.25rem;
     }
 }
 
@@ -425,12 +430,12 @@ body:not(.print) #body-inner.narrow h1 {
     border-bottom: 4px solid rgba( 134, 134, 134, .125 );
     font-size: 3.5rem;
 }
-@media only screen and (min-width: 48em) and (max-width: 59.938em) {
+@media only screen and (min-width: 48em) and (max-width: 60rem) {
     body:not(.print) #body-inner.narrow h1 {
         font-size: 2.8rem;
     }
 }
-@media only screen and (max-width: 47.938em) {
+@media only screen and (max-width: 48rem) {
     body:not(.print) #body-inner.narrow h1 {
         font-size: 2.5rem;
     }
@@ -896,7 +901,7 @@ span.nav i{
 html[dir="rtl"] #body #breadcrumbs {
     float: right;
 }
-@media screen and (max-width: 47.938em) {
+@media screen and (max-width: 48rem) {
     #body #breadcrumbs {
         text-overflow: unset;
     }
@@ -909,7 +914,7 @@ html[dir="rtl"] #body #breadcrumbs {
     inset-inline-start: 1rem;
     top: 1rem;
 }
-@media screen and (max-width: 47.938em) {
+@media screen and (max-width: 48rem) {
     .mobile-support #sidebar-toggle-span {
         display: inline;
     }
@@ -922,7 +927,7 @@ html[dir="rtl"] #body #breadcrumbs {
     display: inline;
     padding: 0 .75rem;
 }
-@media screen and (max-width: 47.938em) {
+@media screen and (max-width: 48rem) {
     #body #breadcrumbs .links {
         /* we just hide the breadcrumbs instead of display: none;
         this makes sure that the breadcrumbs are still usable for
@@ -949,23 +954,23 @@ html[dir="rtl"] #body #breadcrumbs {
     text-decoration: none;
 }
 
-@media screen and (max-width: 59.938em) {
+@media screen and (max-width: 60rem) {
     #sidebar {
-        min-width: 230px;
-        max-width: 230px;
-        width: 230px;
+        min-width: 14.375rem;
+        max-width: 14.375rem;
+        width: 14.375rem;
     }
     #body {
-        margin-inline-start: 230px;
-        min-width: calc( 100% - 230px);
-        max-width: calc( 100% - 230px);
-        width: calc( 100% - 230px);
+        margin-inline-start: 14.375rem;
+        min-width: calc( 100% - 14.375rem);
+        max-width: calc( 100% - 14.375rem);
+        width: calc( 100% - 14.375rem);
     }
 }
-@media screen and (max-width: 47.938em) {
+@media screen and (max-width: 48rem) {
     /* we don't support sidebar flyout in mobile */
     .mobile-support #sidebar {
-        inset-inline-start: -230px;
+        inset-inline-start: -14.375rem;
     }
     .mobile-support #navshow{
         display: inline;
@@ -986,7 +991,7 @@ html[dir="rtl"] #body #breadcrumbs {
         z-index: 90;
     }
     .mobile-support.sidebar-flyout #body {
-        margin-inline-start: 230px;
+        margin-inline-start: 14.375rem;
         overflow: hidden;
     }
     .mobile-support.sidebar-flyout #sidebar-overlay{
@@ -1262,7 +1267,7 @@ html[dir="rtl"] .expand > .expand-label > i.fa-chevron-right {
 .progress ul {
     list-style: none;
     margin: 0;
-    padding: 0 15px;
+    padding: 0 1rem;
 }
 
 #TableOfContents {
@@ -1270,7 +1275,7 @@ html[dir="rtl"] .expand > .expand-label > i.fa-chevron-right {
     font-size: .8125rem !important;
     max-height: 90vh;
     overflow: hidden;
-    padding: 15px 5px !important;
+    padding: 1rem .375rem !important;
     position: relative; /* PS */
 }
 
@@ -1379,7 +1384,7 @@ rapi-doc {
     margin-left: calc( -8px - 24px );
     width: calc( 100% + 8px + 24px + 8px );
 }
-@media (max-width: 767px) {
+@media (max-width: 48rem) {
     rapi-doc {
         margin-left: calc( -12px );
         width: calc( 100% + 12px + 4px );
@@ -1486,7 +1491,7 @@ html[dir="rtl"] .select-container span {
     width: 100%;
 }
 
-@media screen and (max-width: 47.938em) {
+@media screen and (max-width: 48rem) {
     #breadcrumbs .links {
         display: none;
     }
diff --git a/dev/contributing/index.html b/dev/contributing/index.html
index c6585f80d8..870e665d3b 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?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1676326934" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1676326934" rel="stylesheet">
-    <link href="../../css/fonts.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1676326934" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1676326934" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1676326934" rel="stylesheet">
-    <link href="../../css/print.css?1676326934" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1676326934" rel="stylesheet">
-    <script src="../../js/url.js?1676326934"></script>
-    <script src="../../js/variant.js?1676326934"></script>
+    <link href="../../css/fontawesome-all.min.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1676402965" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1676402965" rel="stylesheet">
+    <link href="../../css/fonts.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1676402965" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1676402965" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1676402965" rel="stylesheet">
+    <link href="../../css/print.css?1676402965" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1676402965" rel="stylesheet">
+    <script src="../../js/url.js?1676402965"></script>
+    <script src="../../js/variant.js?1676402965"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -241,12 +241,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -254,33 +254,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -303,12 +303,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1676326935" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1676326935" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1676326935" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1676326935" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1676326935" defer></script>
-        <script src="../../js/search.js?1676326935" defer></script>
+        <script src="../../js/auto-complete.js?1676402966" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1676402966" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1676402966" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1676402966" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1676402966" defer></script>
+        <script src="../../js/search.js?1676402966" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -412,14 +412,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -429,12 +429,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1676326935"></script>
+          <script async src="../../js/buttons.js?1676402966"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1676326935" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1676326935" defer></script>
-    <script src="../../js/theme.js?1676326935" defer></script>
+    <script src="../../js/clipboard.min.js?1676402966" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1676402966" defer></script>
+    <script src="../../js/theme.js?1676402966" defer></script>
   </body>
 </html>
diff --git a/dev/contributing/index.print.html b/dev/contributing/index.print.html
index 9591f5d4d5..7fec061f5e 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?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1676326935" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1676326935" rel="stylesheet">
-    <link href="../../css/fonts.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1676326935" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1676326935" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1676326935" rel="stylesheet">
-    <link href="../../css/print.css?1676326935" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1676326935" rel="stylesheet">
-    <link href="../../css/ie.css?1676326935" rel="stylesheet">
-    <script src="../../js/url.js?1676326935"></script>
-    <script src="../../js/variant.js?1676326935"></script>
+    <link href="../../css/fontawesome-all.min.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1676402967" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1676402967" rel="stylesheet">
+    <link href="../../css/fonts.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1676402967" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1676402967" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1676402967" rel="stylesheet">
+    <link href="../../css/print.css?1676402967" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1676402967" rel="stylesheet">
+    <link href="../../css/ie.css?1676402967" rel="stylesheet">
+    <script src="../../js/url.js?1676402967"></script>
+    <script src="../../js/variant.js?1676402967"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -199,8 +199,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1676326936" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1676326936" defer></script>
-    <script src="../../js/theme.js?1676326936" defer></script>
+    <script src="../../js/clipboard.min.js?1676402967" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1676402967" defer></script>
+    <script src="../../js/theme.js?1676402967" defer></script>
   </body>
 </html>
diff --git a/dev/index.html b/dev/index.html
index 947684f2ef..f9252e4e40 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?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1676326934" rel="stylesheet">
-    <link href="../css/auto-complete.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1676326934" rel="stylesheet">
-    <link href="../css/fonts.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1676326934" rel="stylesheet">
-    <link href="../css/theme-auto.css?1676326934" rel="stylesheet" id="variant-style">
-    <link href="../css/variant.css?1676326934" rel="stylesheet">
-    <link href="../css/print.css?1676326934" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1676326934" rel="stylesheet">
-    <script src="../js/url.js?1676326934"></script>
-    <script src="../js/variant.js?1676326934"></script>
+    <link href="../css/fontawesome-all.min.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1676402965" rel="stylesheet">
+    <link href="../css/auto-complete.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1676402965" rel="stylesheet">
+    <link href="../css/fonts.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1676402965" rel="stylesheet">
+    <link href="../css/theme-auto.css?1676402965" rel="stylesheet" id="variant-style">
+    <link href="../css/variant.css?1676402965" rel="stylesheet">
+    <link href="../css/print.css?1676402965" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1676402965" rel="stylesheet">
+    <script src="../js/url.js?1676402965"></script>
+    <script src="../js/variant.js?1676402965"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -121,12 +121,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -134,33 +134,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -183,12 +183,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1676326935" defer></script>
-        <script src="../js/lunr/lunr.min.js?1676326935" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1676326935" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1676326935" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1676326935" defer></script>
-        <script src="../js/search.js?1676326935" defer></script>
+        <script src="../js/auto-complete.js?1676402966" defer></script>
+        <script src="../js/lunr/lunr.min.js?1676402966" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1676402966" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1676402966" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1676402966" defer></script>
+        <script src="../js/search.js?1676402966" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -292,14 +292,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -309,12 +309,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../js/buttons.js?1676326935"></script>
+          <script async src="../js/buttons.js?1676402966"></script>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1676326935" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1676326935" defer></script>
-    <script src="../js/theme.js?1676326935" defer></script>
+    <script src="../js/clipboard.min.js?1676402966" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1676402966" defer></script>
+    <script src="../js/theme.js?1676402966" defer></script>
   </body>
 </html>
diff --git a/dev/index.print.html b/dev/index.print.html
index 3da455ad81..b234272eda 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?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1676326935" rel="stylesheet">
-    <link href="../css/auto-complete.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1676326935" rel="stylesheet">
-    <link href="../css/fonts.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1676326935" rel="stylesheet">
-    <link href="../css/theme-auto.css?1676326935" rel="stylesheet" id="variant-style">
-    <link href="../css/variant.css?1676326935" rel="stylesheet">
-    <link href="../css/print.css?1676326935" rel="stylesheet" media="print">
-    <link href="../css/format-print.css?1676326935" rel="stylesheet">
-    <link href="../css/ie.css?1676326935" rel="stylesheet">
-    <script src="../js/url.js?1676326935"></script>
-    <script src="../js/variant.js?1676326935"></script>
+    <link href="../css/fontawesome-all.min.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1676402967" rel="stylesheet">
+    <link href="../css/auto-complete.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1676402967" rel="stylesheet">
+    <link href="../css/fonts.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1676402967" rel="stylesheet">
+    <link href="../css/theme-auto.css?1676402967" rel="stylesheet" id="variant-style">
+    <link href="../css/variant.css?1676402967" rel="stylesheet">
+    <link href="../css/print.css?1676402967" rel="stylesheet" media="print">
+    <link href="../css/format-print.css?1676402967" rel="stylesheet">
+    <link href="../css/ie.css?1676402967" rel="stylesheet">
+    <script src="../js/url.js?1676402967"></script>
+    <script src="../js/variant.js?1676402967"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -445,10 +445,10 @@
 <p>
 		
 		
-<a href="#image-41c86a5fe5ef25cc4ca1d7623117494e" class="lightbox-link">
+<a href="#image-d0aba12e9c57d2f9e291549259d76788" class="lightbox-link">
 <img src="../images/screenshot.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="Screenshot" class="shadow" style="height: 100%; width: 100%;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-41c86a5fe5ef25cc4ca1d7623117494e">
+<a href="javascript:history.back();" class="lightbox" id="image-d0aba12e9c57d2f9e291549259d76788">
 <img src="../images/screenshot.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="Screenshot" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="hero-image">Hero Image</h2>
@@ -482,20 +482,20 @@
 <p>
 		
 		
-<a href="#image-3a0fd7c464e7b20ceca523c517bfcd80" class="lightbox-link">
+<a href="#image-d9a9e0d1e53b2a6b628a395c9a361b5a" class="lightbox-link">
 <img src="../images/hero.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="Hero" class="shadow" style="height: 100%; width: 100%;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-3a0fd7c464e7b20ceca523c517bfcd80">
+<a href="javascript:history.back();" class="lightbox" id="image-d9a9e0d1e53b2a6b628a395c9a361b5a">
 <img src="../images/hero.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="Hero" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="preview-imagestnpng">Preview <code>images/tn.png</code></h3>
 <p>
 		
 		
-<a href="#image-5d6100f828c422759eb302c7e0def325" class="lightbox-link">
+<a href="#image-9c4ed917a4e28feb095b156c83195324" class="lightbox-link">
 <img src="../images/tn.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="tn" class="shadow" style="height: 100%; width: 100%;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-5d6100f828c422759eb302c7e0def325">
+<a href="javascript:history.back();" class="lightbox" id="image-9c4ed917a4e28feb095b156c83195324">
 <img src="../images/tn.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="tn" class="lightbox-image" loading="lazy">
 </a></p>
 
@@ -506,8 +506,8 @@
           </section>        </div>
       </main>
     </div>
-    <script src="../js/clipboard.min.js?1676326936" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1676326936" defer></script>
-    <script src="../js/theme.js?1676326936" defer></script>
+    <script src="../js/clipboard.min.js?1676402967" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1676402967" defer></script>
+    <script src="../js/theme.js?1676402967" defer></script>
   </body>
 </html>
diff --git a/dev/maintaining/index.html b/dev/maintaining/index.html
index b70bd88a48..ab20064c4c 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?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1676326934" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1676326934" rel="stylesheet">
-    <link href="../../css/fonts.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1676326934" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1676326934" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1676326934" rel="stylesheet">
-    <link href="../../css/print.css?1676326934" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1676326934" rel="stylesheet">
-    <script src="../../js/url.js?1676326934"></script>
-    <script src="../../js/variant.js?1676326934"></script>
+    <link href="../../css/fontawesome-all.min.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1676402965" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1676402965" rel="stylesheet">
+    <link href="../../css/fonts.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1676402965" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1676402965" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1676402965" rel="stylesheet">
+    <link href="../../css/print.css?1676402965" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1676402965" rel="stylesheet">
+    <script src="../../js/url.js?1676402965"></script>
+    <script src="../../js/variant.js?1676402965"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -320,12 +320,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -333,33 +333,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -382,12 +382,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1676326935" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1676326935" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1676326935" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1676326935" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1676326935" defer></script>
-        <script src="../../js/search.js?1676326935" defer></script>
+        <script src="../../js/auto-complete.js?1676402966" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1676402966" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1676402966" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1676402966" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1676402966" defer></script>
+        <script src="../../js/search.js?1676402966" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -491,14 +491,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -508,12 +508,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1676326935"></script>
+          <script async src="../../js/buttons.js?1676402966"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1676326935" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1676326935" defer></script>
-    <script src="../../js/theme.js?1676326935" defer></script>
+    <script src="../../js/clipboard.min.js?1676402966" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1676402966" defer></script>
+    <script src="../../js/theme.js?1676402966" defer></script>
   </body>
 </html>
diff --git a/dev/maintaining/index.print.html b/dev/maintaining/index.print.html
index f1936dd875..69d6e8491c 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?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1676326935" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1676326935" rel="stylesheet">
-    <link href="../../css/fonts.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1676326935" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1676326935" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1676326935" rel="stylesheet">
-    <link href="../../css/print.css?1676326935" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1676326935" rel="stylesheet">
-    <link href="../../css/ie.css?1676326935" rel="stylesheet">
-    <script src="../../js/url.js?1676326935"></script>
-    <script src="../../js/variant.js?1676326935"></script>
+    <link href="../../css/fontawesome-all.min.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1676402967" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1676402967" rel="stylesheet">
+    <link href="../../css/fonts.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1676402967" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1676402967" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1676402967" rel="stylesheet">
+    <link href="../../css/print.css?1676402967" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1676402967" rel="stylesheet">
+    <link href="../../css/ie.css?1676402967" rel="stylesheet">
+    <script src="../../js/url.js?1676402967"></script>
+    <script src="../../js/variant.js?1676402967"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -267,8 +267,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1676326936" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1676326936" defer></script>
-    <script src="../../js/theme.js?1676326936" defer></script>
+    <script src="../../js/clipboard.min.js?1676402967" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1676402967" defer></script>
+    <script src="../../js/theme.js?1676402967" defer></script>
   </body>
 </html>
diff --git a/dev/screenshots/index.html b/dev/screenshots/index.html
index a7fad0f89a..9e8cf2e7d7 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?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1676326934" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1676326934" rel="stylesheet">
-    <link href="../../css/fonts.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1676326934" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1676326934" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1676326934" rel="stylesheet">
-    <link href="../../css/print.css?1676326934" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1676326934" rel="stylesheet">
-    <script src="../../js/url.js?1676326934"></script>
-    <script src="../../js/variant.js?1676326934"></script>
+    <link href="../../css/fontawesome-all.min.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1676402965" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1676402965" rel="stylesheet">
+    <link href="../../css/fonts.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1676402965" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1676402965" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1676402965" rel="stylesheet">
+    <link href="../../css/print.css?1676402965" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1676402965" rel="stylesheet">
+    <script src="../../js/url.js?1676402965"></script>
+    <script src="../../js/variant.js?1676402965"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -145,10 +145,10 @@
 <p>
 		
 		
-<a href="#image-41c86a5fe5ef25cc4ca1d7623117494e" class="lightbox-link">
+<a href="#image-d0aba12e9c57d2f9e291549259d76788" class="lightbox-link">
 <img src="../../images/screenshot.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="Screenshot" class="shadow" style="height: 100%; width: 100%;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-41c86a5fe5ef25cc4ca1d7623117494e">
+<a href="javascript:history.back();" class="lightbox" id="image-d0aba12e9c57d2f9e291549259d76788">
 <img src="../../images/screenshot.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="Screenshot" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="hero-image">Hero Image</h2>
@@ -182,20 +182,20 @@
 <p>
 		
 		
-<a href="#image-3a0fd7c464e7b20ceca523c517bfcd80" class="lightbox-link">
+<a href="#image-d9a9e0d1e53b2a6b628a395c9a361b5a" class="lightbox-link">
 <img src="../../images/hero.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="Hero" class="shadow" style="height: 100%; width: 100%;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-3a0fd7c464e7b20ceca523c517bfcd80">
+<a href="javascript:history.back();" class="lightbox" id="image-d9a9e0d1e53b2a6b628a395c9a361b5a">
 <img src="../../images/hero.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="Hero" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="preview-imagestnpng">Preview <code>images/tn.png</code></h3>
 <p>
 		
 		
-<a href="#image-5d6100f828c422759eb302c7e0def325" class="lightbox-link">
+<a href="#image-9c4ed917a4e28feb095b156c83195324" class="lightbox-link">
 <img src="../../images/tn.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="tn" class="shadow" style="height: 100%; width: 100%;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-5d6100f828c422759eb302c7e0def325">
+<a href="javascript:history.back();" class="lightbox" id="image-9c4ed917a4e28feb095b156c83195324">
 <img src="../../images/tn.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="tn" class="lightbox-image" loading="lazy">
 </a></p>
 
@@ -221,12 +221,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -234,33 +234,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -283,12 +283,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1676326935" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1676326935" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1676326935" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1676326935" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1676326935" defer></script>
-        <script src="../../js/search.js?1676326935" defer></script>
+        <script src="../../js/auto-complete.js?1676402966" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1676402966" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1676402966" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1676402966" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1676402966" defer></script>
+        <script src="../../js/search.js?1676402966" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -392,14 +392,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -409,12 +409,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1676326935"></script>
+          <script async src="../../js/buttons.js?1676402966"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1676326935" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1676326935" defer></script>
-    <script src="../../js/theme.js?1676326935" defer></script>
+    <script src="../../js/clipboard.min.js?1676402966" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1676402966" defer></script>
+    <script src="../../js/theme.js?1676402966" defer></script>
   </body>
 </html>
diff --git a/dev/screenshots/index.print.html b/dev/screenshots/index.print.html
index 3cdde0815d..b4a9c059d7 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?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1676326935" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1676326935" rel="stylesheet">
-    <link href="../../css/fonts.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1676326935" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1676326935" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1676326935" rel="stylesheet">
-    <link href="../../css/print.css?1676326935" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1676326935" rel="stylesheet">
-    <link href="../../css/ie.css?1676326935" rel="stylesheet">
-    <script src="../../js/url.js?1676326935"></script>
-    <script src="../../js/variant.js?1676326935"></script>
+    <link href="../../css/fontawesome-all.min.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1676402967" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1676402967" rel="stylesheet">
+    <link href="../../css/fonts.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1676402967" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1676402967" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1676402967" rel="stylesheet">
+    <link href="../../css/print.css?1676402967" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1676402967" rel="stylesheet">
+    <link href="../../css/ie.css?1676402967" rel="stylesheet">
+    <script src="../../js/url.js?1676402967"></script>
+    <script src="../../js/variant.js?1676402967"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -109,10 +109,10 @@
 <p>
 		
 		
-<a href="#image-41c86a5fe5ef25cc4ca1d7623117494e" class="lightbox-link">
+<a href="#image-d0aba12e9c57d2f9e291549259d76788" class="lightbox-link">
 <img src="../../images/screenshot.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="Screenshot" class="shadow" style="height: 100%; width: 100%;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-41c86a5fe5ef25cc4ca1d7623117494e">
+<a href="javascript:history.back();" class="lightbox" id="image-d0aba12e9c57d2f9e291549259d76788">
 <img src="../../images/screenshot.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="Screenshot" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="hero-image">Hero Image</h2>
@@ -146,20 +146,20 @@
 <p>
 		
 		
-<a href="#image-3a0fd7c464e7b20ceca523c517bfcd80" class="lightbox-link">
+<a href="#image-d9a9e0d1e53b2a6b628a395c9a361b5a" class="lightbox-link">
 <img src="../../images/hero.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="Hero" class="shadow" style="height: 100%; width: 100%;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-3a0fd7c464e7b20ceca523c517bfcd80">
+<a href="javascript:history.back();" class="lightbox" id="image-d9a9e0d1e53b2a6b628a395c9a361b5a">
 <img src="../../images/hero.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="Hero" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="preview-imagestnpng">Preview <code>images/tn.png</code></h3>
 <p>
 		
 		
-<a href="#image-5d6100f828c422759eb302c7e0def325" class="lightbox-link">
+<a href="#image-9c4ed917a4e28feb095b156c83195324" class="lightbox-link">
 <img src="../../images/tn.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="tn" class="shadow" style="height: 100%; width: 100%;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-5d6100f828c422759eb302c7e0def325">
+<a href="javascript:history.back();" class="lightbox" id="image-9c4ed917a4e28feb095b156c83195324">
 <img src="../../images/tn.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="tn" class="lightbox-image" loading="lazy">
 </a></p>
 
@@ -169,8 +169,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1676326936" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1676326936" defer></script>
-    <script src="../../js/theme.js?1676326936" defer></script>
+    <script src="../../js/clipboard.min.js?1676402967" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1676402967" defer></script>
+    <script src="../../js/theme.js?1676402967" defer></script>
   </body>
 </html>
diff --git a/index.html b/index.html
index 07986b46d9..c55613f425 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?1676326934" rel="icon" type="image/svg+xml">
+    <link href="./images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="./css/fontawesome-all.min.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1676326934" rel="stylesheet"></noscript>
-    <link href="./css/nucleus.css?1676326934" rel="stylesheet">
-    <link href="./css/auto-complete.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1676326934" rel="stylesheet"></noscript>
-    <link href="./css/perfect-scrollbar.min.css?1676326934" rel="stylesheet">
-    <link href="./css/fonts.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1676326934" rel="stylesheet"></noscript>
-    <link href="./css/theme.css?1676326934" rel="stylesheet">
-    <link href="./css/theme-auto.css?1676326934" rel="stylesheet" id="variant-style">
-    <link href="./css/variant.css?1676326934" rel="stylesheet">
-    <link href="./css/print.css?1676326934" rel="stylesheet" media="print">
-    <link href="./css/ie.css?1676326934" rel="stylesheet">
-    <script src="./js/url.js?1676326934"></script>
-    <script src="./js/variant.js?1676326934"></script>
+    <link href="./css/fontawesome-all.min.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1676402965" rel="stylesheet"></noscript>
+    <link href="./css/nucleus.css?1676402965" rel="stylesheet">
+    <link href="./css/auto-complete.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1676402965" rel="stylesheet"></noscript>
+    <link href="./css/perfect-scrollbar.min.css?1676402965" rel="stylesheet">
+    <link href="./css/fonts.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1676402965" rel="stylesheet"></noscript>
+    <link href="./css/theme.css?1676402965" rel="stylesheet">
+    <link href="./css/theme-auto.css?1676402965" rel="stylesheet" id="variant-style">
+    <link href="./css/variant.css?1676402965" rel="stylesheet">
+    <link href="./css/print.css?1676402965" rel="stylesheet" media="print">
+    <link href="./css/ie.css?1676402965" rel="stylesheet">
+    <script src="./js/url.js?1676402965"></script>
+    <script src="./js/variant.js?1676402965"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -107,10 +107,10 @@
 <p>A theme for <a href="https://gohugo.io/" target="_blank">Hugo</a> designed for documentation.</p>
 <p><a href="./basics/migration/">★ What&rsquo;s new in the latest release ★</a></p>
 <p>
-<a href="#image-aa5bee4f28a7b2b8b32644d5d49fb735" class="lightbox-link">
+<a href="#image-0ce6e142c49b53d8bee34246df1d7213" class="lightbox-link">
 <img src="images/hero.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="Image of the Relearn theme in light and dark mode on phone, tablet and desktop" class="shadow" style="height: auto; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-aa5bee4f28a7b2b8b32644d5d49fb735">
+<a href="javascript:history.back();" class="lightbox" id="image-0ce6e142c49b53d8bee34246df1d7213">
 <img src="images/hero.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="Image of the Relearn theme in light and dark mode on phone, tablet and desktop" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="motivation">Motivation</h2>
@@ -219,12 +219,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -232,33 +232,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -281,12 +281,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="./js/auto-complete.js?1676326935" defer></script>
-        <script src="./js/lunr/lunr.min.js?1676326935" defer></script>
-        <script src="./js/lunr/lunr.stemmer.support.min.js?1676326935" defer></script>
-        <script src="./js/lunr/lunr.multi.min.js?1676326935" defer></script>
-        <script src="./js/lunr/lunr.en.min.js?1676326935" defer></script>
-        <script src="./js/search.js?1676326935" defer></script>
+        <script src="./js/auto-complete.js?1676402966" defer></script>
+        <script src="./js/lunr/lunr.min.js?1676402966" defer></script>
+        <script src="./js/lunr/lunr.stemmer.support.min.js?1676402966" defer></script>
+        <script src="./js/lunr/lunr.multi.min.js?1676402966" defer></script>
+        <script src="./js/lunr/lunr.en.min.js?1676402966" defer></script>
+        <script src="./js/search.js?1676402966" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -386,14 +386,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -403,12 +403,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="./js/buttons.js?1676326935"></script>
+          <script async src="./js/buttons.js?1676402966"></script>
         </div>
       </div>
     </aside>
-    <script src="./js/clipboard.min.js?1676326935" defer></script>
-    <script src="./js/perfect-scrollbar.min.js?1676326935" defer></script>
-    <script src="./js/theme.js?1676326935" defer></script>
+    <script src="./js/clipboard.min.js?1676402966" defer></script>
+    <script src="./js/perfect-scrollbar.min.js?1676402966" defer></script>
+    <script src="./js/theme.js?1676402966" defer></script>
   </body>
 </html>
diff --git a/index.print.html b/index.print.html
index 01079f1aaa..3aa70a787f 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?1676326934" rel="icon" type="image/svg+xml">
+    <link href="./images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="./css/fontawesome-all.min.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1676326935" rel="stylesheet"></noscript>
-    <link href="./css/nucleus.css?1676326935" rel="stylesheet">
-    <link href="./css/auto-complete.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1676326935" rel="stylesheet"></noscript>
-    <link href="./css/perfect-scrollbar.min.css?1676326935" rel="stylesheet">
-    <link href="./css/fonts.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1676326935" rel="stylesheet"></noscript>
-    <link href="./css/theme.css?1676326935" rel="stylesheet">
-    <link href="./css/theme-auto.css?1676326935" rel="stylesheet" id="variant-style">
-    <link href="./css/variant.css?1676326935" rel="stylesheet">
-    <link href="./css/print.css?1676326935" rel="stylesheet" media="print">
-    <link href="./css/format-print.css?1676326935" rel="stylesheet">
-    <link href="./css/ie.css?1676326935" rel="stylesheet">
-    <script src="./js/url.js?1676326935"></script>
-    <script src="./js/variant.js?1676326935"></script>
+    <link href="./css/fontawesome-all.min.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1676402967" rel="stylesheet"></noscript>
+    <link href="./css/nucleus.css?1676402967" rel="stylesheet">
+    <link href="./css/auto-complete.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1676402967" rel="stylesheet"></noscript>
+    <link href="./css/perfect-scrollbar.min.css?1676402967" rel="stylesheet">
+    <link href="./css/fonts.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1676402967" rel="stylesheet"></noscript>
+    <link href="./css/theme.css?1676402967" rel="stylesheet">
+    <link href="./css/theme-auto.css?1676402967" rel="stylesheet" id="variant-style">
+    <link href="./css/variant.css?1676402967" rel="stylesheet">
+    <link href="./css/print.css?1676402967" rel="stylesheet" media="print">
+    <link href="./css/format-print.css?1676402967" rel="stylesheet">
+    <link href="./css/ie.css?1676402967" rel="stylesheet">
+    <script src="./js/url.js?1676402967"></script>
+    <script src="./js/variant.js?1676402967"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -77,10 +77,10 @@
 <p>A theme for <a href="https://gohugo.io/" target="_blank">Hugo</a> designed for documentation.</p>
 <p><a href="./basics/migration/">★ What&rsquo;s new in the latest release ★</a></p>
 <p>
-<a href="#image-aa5bee4f28a7b2b8b32644d5d49fb735" class="lightbox-link">
+<a href="#image-0ce6e142c49b53d8bee34246df1d7213" class="lightbox-link">
 <img src="./images/hero.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="Image of the Relearn theme in light and dark mode on phone, tablet and desktop" class="shadow" style="height: auto; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-aa5bee4f28a7b2b8b32644d5d49fb735">
+<a href="javascript:history.back();" class="lightbox" id="image-0ce6e142c49b53d8bee34246df1d7213">
 <img src="./images/hero.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="Image of the Relearn theme in light and dark mode on phone, tablet and desktop" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="motivation">Motivation</h2>
@@ -770,10 +770,10 @@
 <p>Thanks to the simplicity of Hugo, this page is as empty as this theme needs requirements.</p>
 <p>Just download at least version <span class="badge cstyle default badge-with-title"><span class="badge-title"><i class="fab fa-hackerrank"></i></span><span class="badge-content" style="background-color: fuchsia;">0.95.0</span></span> of the <a href="https://gohugo.io/getting-started/installing/" target="_blank">Hugo binary</a> for your OS (Windows, Linux, Mac).</p>
 <p>
-<a href="#image-524bcd486fe6621c6ffa1cdf17f60f48" class="lightbox-link">
+<a href="#image-658483454c2c34c53c3b07fdfffb40ce" class="lightbox-link">
 <img src="./basics/requirements/magic.gif?classes=shadow" alt="Magic" class="shadow" style="height: auto; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-524bcd486fe6621c6ffa1cdf17f60f48">
+<a href="javascript:history.back();" class="lightbox" id="image-658483454c2c34c53c3b07fdfffb40ce">
 <img src="./basics/requirements/magic.gif?classes=shadow" alt="Magic" class="lightbox-image" loading="lazy">
 </a></p>
 
@@ -815,10 +815,10 @@
 </span></span></code></pre></div><p>renders as</p>
 <p>
 		
-<a href="#image-142bf21ccd1f1fff41554e008a7433a4" class="lightbox-link">
+<a href="#image-2e295515db41da5f63a547cdf016dd90" class="lightbox-link">
 <img src="./basics/installation/chapter.png?classes=shadow&amp;width=60pc" alt="A Chapter" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-142bf21ccd1f1fff41554e008a7433a4">
+<a href="javascript:history.back();" class="lightbox" id="image-2e295515db41da5f63a547cdf016dd90">
 <img src="./basics/installation/chapter.png?classes=shadow&amp;width=60pc" alt="A Chapter" class="lightbox-image" loading="lazy">
 </a></p>
 <p>The Relearn theme provides archetypes to create skeletons for your website. Begin by creating your first chapter page with the following command</p>
@@ -971,10 +971,10 @@
 </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-d8eb43610174571255cf480333056cec" class="lightbox-link">
+<a href="#image-53b7a145fee86455d99bf3fc3f6a35a1" class="lightbox-link">
 <img src="./basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-d8eb43610174571255cf480333056cec">
+<a href="javascript:history.back();" class="lightbox" id="image-53b7a145fee86455d99bf3fc3f6a35a1">
 <img src="./basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot of the dedicated search page" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="activate-print-support">Activate print support</h2>
@@ -1023,11 +1023,11 @@ default values:</p>
 </span></span></code></pre></div><p>The home button is going to look like this:</p>
 <p>
 		
-<a href="#image-8935fea7bdb894e3242562eb84adb3fc" class="lightbox-link">
-<img src="./basics/configuration/home_button_defaults.png?classes=shadow&amp;width=300px" alt="Default Home Button" class="shadow" style="height: auto; width: 300px;" loading="lazy">
+<a href="#image-0c5e9f788e72e3b1105ac12d0395954f" class="lightbox-link">
+<img src="./basics/configuration/home_button_defaults.png?classes=shadow&amp;width=18.75rem" alt="Default Home Button" class="shadow" style="height: auto; width: 18.75rem;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-8935fea7bdb894e3242562eb84adb3fc">
-<img src="./basics/configuration/home_button_defaults.png?classes=shadow&amp;width=300px" alt="Default Home Button" class="lightbox-image" loading="lazy">
+<a href="javascript:history.back();" class="lightbox" id="image-0c5e9f788e72e3b1105ac12d0395954f">
+<img src="./basics/configuration/home_button_defaults.png?classes=shadow&amp;width=18.75rem" alt="Default Home Button" class="lightbox-image" loading="lazy">
 </a></p>
 
             <footer class="footline">
@@ -2223,11 +2223,11 @@ window.variants && variants.generator( '#vargenerator' );
 </span></span><span class="line"><span class="cl"><span class="err">+++</span>
 </span></span></code></pre></div><p>
 		
-<a href="#image-9df8bcafef5b5d270d029a4a669e2ddb" class="lightbox-link">
-<img src="./cont/pages/frontmatter-icon.png?classes=shadow&amp;width=300px" alt="Title with icon" class="shadow" style="height: auto; width: 300px;" loading="lazy">
+<a href="#image-7670fa7be03980d65cb24c84632cf8c5" class="lightbox-link">
+<img src="./cont/pages/frontmatter-icon.png?classes=shadow&amp;width=18.75rem" alt="Title with icon" class="shadow" style="height: auto; width: 18.75rem;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-9df8bcafef5b5d270d029a4a669e2ddb">
-<img src="./cont/pages/frontmatter-icon.png?classes=shadow&amp;width=300px" alt="Title with icon" class="lightbox-image" loading="lazy">
+<a href="javascript:history.back();" class="lightbox" id="image-7670fa7be03980d65cb24c84632cf8c5">
+<img src="./cont/pages/frontmatter-icon.png?classes=shadow&amp;width=18.75rem" alt="Title with icon" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="ordering-sibling-menupage-entries">Ordering sibling menu/page entries</h3>
 <p>Hugo provides a <a href="https://gohugo.io/content/ordering/" target="_blank">flexible way</a> to handle order for your pages.</p>
@@ -2272,10 +2272,10 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
 <p>A <strong>Home</strong> page is the starting page of your project. It&rsquo;s best to have only one page of this kind in your project.</p>
 <p>
 		
-<a href="#image-65f54288a9792347d154439a7bb2a15b" class="lightbox-link">
+<a href="#image-055c767a2211ff61f5da63758db4cb76" class="lightbox-link">
 <img src="./cont/archetypes/pages-home.png?classes=shadow&amp;width=60pc" alt="Home page" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-65f54288a9792347d154439a7bb2a15b">
+<a href="javascript:history.back();" class="lightbox" id="image-055c767a2211ff61f5da63758db4cb76">
 <img src="./cont/archetypes/pages-home.png?classes=shadow&amp;width=60pc" alt="Home page" class="lightbox-image" loading="lazy">
 </a></p>
 <p>To create a home page, run the following command</p>
@@ -2291,10 +2291,10 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
 <p>A <strong>Chapter</strong> displays a page meant to be used as introduction for a set of child pages. Commonly, it contains a simple title and a catch line to define content that can be found below it.</p>
 <p>
 		
-<a href="#image-26bceeeffa8feaa999f017c768578f01" class="lightbox-link">
+<a href="#image-8c4d8771d33acf1156f595c02486e81e" class="lightbox-link">
 <img src="./cont/archetypes/pages-chapter.png?classes=shadow&amp;width=60pc" alt="Chapter page" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-26bceeeffa8feaa999f017c768578f01">
+<a href="javascript:history.back();" class="lightbox" id="image-8c4d8771d33acf1156f595c02486e81e">
 <img src="./cont/archetypes/pages-chapter.png?classes=shadow&amp;width=60pc" alt="Chapter page" class="lightbox-image" loading="lazy">
 </a></p>
 <p>To create a chapter page, run the following command</p>
@@ -2312,10 +2312,10 @@ We&rsquo;ve added the <code>menuTitle</code> parameter for that purpose:</p>
 <p>A <strong>Default</strong> page is any other content page. If you set an unknown archetype in your frontmatter, this archetype will be used to generate the page.</p>
 <p>
 		
-<a href="#image-057a82c6e482c415015f8a2c194508c7" class="lightbox-link">
+<a href="#image-ca44da62315cbebbe14678cec98e8a1c" class="lightbox-link">
 <img src="./cont/archetypes/pages-default.png?classes=shadow&amp;width=60pc" alt="Default page" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-057a82c6e482c415015f8a2c194508c7">
+<a href="javascript:history.back();" class="lightbox" id="image-ca44da62315cbebbe14678cec98e8a1c">
 <img src="./cont/archetypes/pages-default.png?classes=shadow&amp;width=60pc" alt="Default page" class="lightbox-image" loading="lazy">
 </a></p>
 <p>To create a default page, run either one of the following commands</p>
@@ -2889,10 +2889,10 @@ line 3 of code
   <div class="box-content">
 <p>
 		
-<a href="#image-41bce34487933e1083abce9d5483a399" class="lightbox-link">
+<a href="#image-c87ae828b5623a8a91a3db283e57b8c9" class="lightbox-link">
 <img src="https://octodex.github.com/images/spocktocat.png?width=20vw&amp;classes=bg-white" alt="Spock" class="bg-white" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-41bce34487933e1083abce9d5483a399">
+<a href="javascript:history.back();" class="lightbox" id="image-c87ae828b5623a8a91a3db283e57b8c9">
 <img src="https://octodex.github.com/images/spocktocat.png?width=20vw&amp;classes=bg-white" alt="Spock" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -2906,10 +2906,10 @@ line 3 of code
   <div class="box-content">
 <p>
 		
-<a href="#image-32a3c1753b8c6690e174ca28f35dcccf" class="lightbox-link">
+<a href="#image-39aa2e3fd8a8732f6a96869e3d70b335" class="lightbox-link">
 <img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-32a3c1753b8c6690e174ca28f35dcccf">
+<a href="javascript:history.back();" class="lightbox" id="image-39aa2e3fd8a8732f6a96869e3d70b335">
 <img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -2925,10 +2925,10 @@ line 3 of code
   <div class="box-content">
 <p>
 		
-<a href="#image-67efac0eba81718f3a9c610ada99c592" class="lightbox-link">
+<a href="#image-a55e6272e3a8fd5590b1e9f26cdd735d" class="lightbox-link">
 <img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-67efac0eba81718f3a9c610ada99c592">
+<a href="javascript:history.back();" class="lightbox" id="image-a55e6272e3a8fd5590b1e9f26cdd735d">
 <img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -2944,10 +2944,10 @@ line 3 of code
   <div class="box-content">
 <p>
 		
-<a href="#image-a915d41f4fa4f4e2e4028c188a01457d" class="lightbox-link">
+<a href="#image-c009ebc13398cb7988f1fc09cb75fecb" class="lightbox-link">
 <img src="https://octodex.github.com/images/minion.png?width=20vw&amp;classes=bg-white" alt="Minion" class="bg-white" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-a915d41f4fa4f4e2e4028c188a01457d">
+<a href="javascript:history.back();" class="lightbox" id="image-c009ebc13398cb7988f1fc09cb75fecb">
 <img src="https://octodex.github.com/images/minion.png?width=20vw&amp;classes=bg-white" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -2959,10 +2959,10 @@ line 3 of code
   <div class="box-content">
 <p>
 		
-<a href="#image-1d7bde02be12a046a989bc0c248fc45c" class="lightbox-link">
+<a href="#image-42c2bd4f4349585c6558f5b1e488dd58" class="lightbox-link">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;classes=bg-white" alt="Minion" class="bg-white" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-1d7bde02be12a046a989bc0c248fc45c">
+<a href="javascript:history.back();" class="lightbox" id="image-42c2bd4f4349585c6558f5b1e488dd58">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;classes=bg-white" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -2975,10 +2975,10 @@ line 3 of code
 <p>
 		
 		
-<a href="#image-a9b0b4a10f673797923af6dabf893886" class="lightbox-link">
+<a href="#image-1379f524373627e7bce48ebfd43faa2c" class="lightbox-link">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw&amp;classes=bg-white" alt="Minion" class="bg-white" style="height: 50px; width: 40vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-a9b0b4a10f673797923af6dabf893886">
+<a href="javascript:history.back();" class="lightbox" id="image-1379f524373627e7bce48ebfd43faa2c">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw&amp;classes=bg-white" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -2993,10 +2993,10 @@ line 3 of code
   <div class="box-content">
 <p>
 		
-<a href="#image-67fbea4d8cdb106e30b59b5b27917beb" class="lightbox-link">
+<a href="#image-f666e4b08b4b3483d6cd544b43e61613" class="lightbox-link">
 <img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,bg-white" alt="Spidertocat" class="shadow bg-white" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-67fbea4d8cdb106e30b59b5b27917beb">
+<a href="javascript:history.back();" class="lightbox" id="image-f666e4b08b4b3483d6cd544b43e61613">
 <img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,bg-white" alt="Spidertocat" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -3009,10 +3009,10 @@ line 3 of code
   <div class="box-content">
 <p>
 		
-<a href="#image-fe62a24817dc5c47704f3a9cf1723f9b" class="lightbox-link">
+<a href="#image-6b7a75293bb0e1113f83bd9a22e1f9d4" class="lightbox-link">
 <img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border" alt="DrOctocat" class="border" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-fe62a24817dc5c47704f3a9cf1723f9b">
+<a href="javascript:history.back();" class="lightbox" id="image-6b7a75293bb0e1113f83bd9a22e1f9d4">
 <img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border" alt="DrOctocat" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -3025,10 +3025,10 @@ line 3 of code
   <div class="box-content">
 <p>
 		
-<a href="#image-44a871544e7bd7b5cd59ea311fef066a" class="lightbox-link">
+<a href="#image-2709c5e5409cf73c1ac0d14f8f4870f7" class="lightbox-link">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="left" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-44a871544e7bd7b5cd59ea311fef066a">
+<a href="javascript:history.back();" class="lightbox" id="image-2709c5e5409cf73c1ac0d14f8f4870f7">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -3041,10 +3041,10 @@ line 3 of code
   <div class="box-content">
 <p>
 		
-<a href="#image-40b85afbf77ca1c31eadc1f02c326b51" class="lightbox-link">
+<a href="#image-03b8a959d15f56dea4cd9b24803107a6" class="lightbox-link">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="right" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-40b85afbf77ca1c31eadc1f02c326b51">
+<a href="javascript:history.back();" class="lightbox" id="image-03b8a959d15f56dea4cd9b24803107a6">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -3060,34 +3060,34 @@ line 3 of code
   <div class="box-content">
 <p>
 		
-<a href="#image-456d8427110a4d1ace1e91b580efc66b" class="lightbox-link">
+<a href="#image-139101827976487f9bd20ef38bf6a956" class="lightbox-link">
 <img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline,bg-white" alt="Spidertocat" class="inline bg-white" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-456d8427110a4d1ace1e91b580efc66b">
+<a href="javascript:history.back();" class="lightbox" id="image-139101827976487f9bd20ef38bf6a956">
 <img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline,bg-white" alt="Spidertocat" class="lightbox-image" loading="lazy">
 </a>
 
 		
-<a href="#image-d80793985a59385b5bd3a46392b44c6a" class="lightbox-link">
+<a href="#image-96c50369a9673b0fd472d5bb788ea95f" class="lightbox-link">
 <img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="inline" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-d80793985a59385b5bd3a46392b44c6a">
+<a href="javascript:history.back();" class="lightbox" id="image-96c50369a9673b0fd472d5bb788ea95f">
 <img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image" loading="lazy">
 </a>
 
 		
-<a href="#image-094176f68df3dfa5d4df5bd4c970324c" class="lightbox-link">
+<a href="#image-f3191c2394b9f756e34a16be37447205" class="lightbox-link">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="inline" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-094176f68df3dfa5d4df5bd4c970324c">
+<a href="javascript:history.back();" class="lightbox" id="image-f3191c2394b9f756e34a16be37447205">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image" loading="lazy">
 </a>
 
 		
-<a href="#image-0af60e76641c8f9d33c3a58824a0ac1a" class="lightbox-link">
+<a href="#image-9d539394296133d15632fabe43b4bef4" class="lightbox-link">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="inline" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-0af60e76641c8f9d33c3a58824a0ac1a">
+<a href="javascript:history.back();" class="lightbox" id="image-9d539394296133d15632fabe43b4bef4">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -3100,10 +3100,10 @@ line 3 of code
   <div class="box-content">
 <p>
 		
-<a href="#image-a6cb582d43e6eb414f1e1305d00b454b" class="lightbox-link">
+<a href="#image-c21d037c8a31ba1ed0d67e7bc2afc916" class="lightbox-link">
 <img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="shadow border left" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-a6cb582d43e6eb414f1e1305d00b454b">
+<a href="javascript:history.back();" class="lightbox" id="image-c21d037c8a31ba1ed0d67e7bc2afc916">
 <img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -3306,11 +3306,11 @@ However, if you want to keep the title but change its value, it can be overridde
 </ul>
 <p>
 		
-<a href="#image-b9a122284de24a7aeb3d6e1bc02a93c5" class="lightbox-link">
-<img src="./cont/i18n/i18n-menu.gif?classes=shadow&amp;width=300px" alt="I18n menu" class="shadow" style="height: auto; width: 300px;" loading="lazy">
+<a href="#image-44537b8f9fe1804a94e04c42c8d8778a" class="lightbox-link">
+<img src="./cont/i18n/i18n-menu.gif?classes=shadow&amp;width=18.75rem" alt="I18n menu" class="shadow" style="height: auto; width: 18.75rem;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-b9a122284de24a7aeb3d6e1bc02a93c5">
-<img src="./cont/i18n/i18n-menu.gif?classes=shadow&amp;width=300px" alt="I18n menu" class="lightbox-image" loading="lazy">
+<a href="javascript:history.back();" class="lightbox" id="image-44537b8f9fe1804a94e04c42c8d8778a">
+<img src="./cont/i18n/i18n-menu.gif?classes=shadow&amp;width=18.75rem" alt="I18n menu" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="basic-configuration">Basic configuration</h2>
 <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>
@@ -6560,8 +6560,8 @@ C4Context
               </section>        </div>
       </main>
     </div>
-    <script src="./js/clipboard.min.js?1676326936" defer></script>
-    <script src="./js/perfect-scrollbar.min.js?1676326936" defer></script>
+    <script src="./js/clipboard.min.js?1676402967" defer></script>
+    <script src="./js/perfect-scrollbar.min.js?1676402967" defer></script>
     <script>
       function useMathJax( config ){
         if( !Object.assign ){
@@ -6590,24 +6590,24 @@ C4Context
       }
       useMathJax( JSON.parse("{}") );
     </script>
-    <script id="MathJax-script" async src="./js/mathjax/tex-mml-chtml.js?1676326936"></script>
-    <script src="./js/d3/d3-color.min.js?1676326936" defer></script>
-    <script src="./js/d3/d3-dispatch.min.js?1676326936" defer></script>
-    <script src="./js/d3/d3-drag.min.js?1676326936" defer></script>
-    <script src="./js/d3/d3-ease.min.js?1676326936" defer></script>
-    <script src="./js/d3/d3-interpolate.min.js?1676326936" defer></script>
-    <script src="./js/d3/d3-selection.min.js?1676326936" defer></script>
-    <script src="./js/d3/d3-timer.min.js?1676326936" defer></script>
-    <script src="./js/d3/d3-transition.min.js?1676326936" defer></script>
-    <script src="./js/d3/d3-zoom.min.js?1676326936" defer></script>
-    <script src="./js/mermaid.min.js?1676326936" defer></script>
+    <script id="MathJax-script" async src="./js/mathjax/tex-mml-chtml.js?1676402967"></script>
+    <script src="./js/d3/d3-color.min.js?1676402967" defer></script>
+    <script src="./js/d3/d3-dispatch.min.js?1676402967" defer></script>
+    <script src="./js/d3/d3-drag.min.js?1676402967" defer></script>
+    <script src="./js/d3/d3-ease.min.js?1676402967" defer></script>
+    <script src="./js/d3/d3-interpolate.min.js?1676402967" defer></script>
+    <script src="./js/d3/d3-selection.min.js?1676402967" defer></script>
+    <script src="./js/d3/d3-timer.min.js?1676402967" defer></script>
+    <script src="./js/d3/d3-transition.min.js?1676402967" defer></script>
+    <script src="./js/d3/d3-zoom.min.js?1676402967" defer></script>
+    <script src="./js/mermaid.min.js?1676402967" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="./js/rapidoc-min.js?1676326936" defer></script>
+    <script src="./js/rapidoc-min.js?1676402967" defer></script>
     <script>
       window.themeUseSwagger = JSON.parse("{}");
     </script>
-    <script src="./js/theme.js?1676326936" defer></script>
+    <script src="./js/theme.js?1676402967" defer></script>
   </body>
 </html>
diff --git a/more/credits/index.html b/more/credits/index.html
index 051c2f7954..bf1fd2e0af 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?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1676326934" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1676326934" rel="stylesheet">
-    <link href="../../css/fonts.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1676326934" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1676326934" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1676326934" rel="stylesheet">
-    <link href="../../css/print.css?1676326934" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1676326934" rel="stylesheet">
-    <script src="../../js/url.js?1676326934"></script>
-    <script src="../../js/variant.js?1676326934"></script>
+    <link href="../../css/fontawesome-all.min.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1676402965" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1676402965" rel="stylesheet">
+    <link href="../../css/fonts.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1676402965" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1676402965" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1676402965" rel="stylesheet">
+    <link href="../../css/print.css?1676402965" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1676402965" rel="stylesheet">
+    <script src="../../js/url.js?1676402965"></script>
+    <script src="../../js/variant.js?1676402965"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -163,12 +163,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -176,33 +176,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -225,12 +225,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1676326935" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1676326935" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1676326935" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1676326935" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1676326935" defer></script>
-        <script src="../../js/search.js?1676326935" defer></script>
+        <script src="../../js/auto-complete.js?1676402966" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1676402966" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1676402966" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1676402966" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1676402966" defer></script>
+        <script src="../../js/search.js?1676402966" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -330,14 +330,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -347,12 +347,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1676326935"></script>
+          <script async src="../../js/buttons.js?1676402966"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1676326935" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1676326935" defer></script>
-    <script src="../../js/theme.js?1676326935" defer></script>
+    <script src="../../js/clipboard.min.js?1676402966" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1676402966" defer></script>
+    <script src="../../js/theme.js?1676402966" defer></script>
   </body>
 </html>
diff --git a/more/credits/index.print.html b/more/credits/index.print.html
index 48ad15dfac..f6b9842881 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?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1676326935" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1676326935" rel="stylesheet">
-    <link href="../../css/fonts.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1676326935" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1676326935" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1676326935" rel="stylesheet">
-    <link href="../../css/print.css?1676326935" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1676326935" rel="stylesheet">
-    <link href="../../css/ie.css?1676326935" rel="stylesheet">
-    <script src="../../js/url.js?1676326935"></script>
-    <script src="../../js/variant.js?1676326935"></script>
+    <link href="../../css/fontawesome-all.min.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1676402967" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1676402967" rel="stylesheet">
+    <link href="../../css/fonts.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1676402967" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1676402967" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1676402967" rel="stylesheet">
+    <link href="../../css/print.css?1676402967" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1676402967" rel="stylesheet">
+    <link href="../../css/ie.css?1676402967" rel="stylesheet">
+    <script src="../../js/url.js?1676402967"></script>
+    <script src="../../js/variant.js?1676402967"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -132,8 +132,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1676326936" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1676326936" defer></script>
-    <script src="../../js/theme.js?1676326936" defer></script>
+    <script src="../../js/clipboard.min.js?1676402967" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1676402967" defer></script>
+    <script src="../../js/theme.js?1676402967" defer></script>
   </body>
 </html>
diff --git a/more/showcase/index.html b/more/showcase/index.html
index ec9b8f41fa..2aac77b623 100644
--- a/more/showcase/index.html
+++ b/more/showcase/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/more/showcase/index.html" rel="alternate" hreflang="pir">
     <link href="../../more/showcase/index.xml" rel="alternate" type="application/rss+xml" title="Showcase :: Hugo Relearn Theme">
     <link href="../../more/showcase/index.print.html" rel="alternate" type="text/html" title="Showcase :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1676326934" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1676326934" rel="stylesheet">
-    <link href="../../css/fonts.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1676326934" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1676326934" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1676326934" rel="stylesheet">
-    <link href="../../css/print.css?1676326934" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1676326934" rel="stylesheet">
-    <script src="../../js/url.js?1676326934"></script>
-    <script src="../../js/variant.js?1676326934"></script>
+    <link href="../../css/fontawesome-all.min.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1676402965" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1676402965" rel="stylesheet">
+    <link href="../../css/fonts.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1676402965" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1676402965" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1676402965" rel="stylesheet">
+    <link href="../../css/print.css?1676402965" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1676402965" rel="stylesheet">
+    <script src="../../js/url.js?1676402965"></script>
+    <script src="../../js/variant.js?1676402965"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -105,28 +105,28 @@
 <h2 id="gobolinux-wikihttpswikigobolinuxorg-by-neonsysorg"><a href="https://wiki.gobolinux.org/" target="_blank">GoboLinux Wiki</a> by NEONsys.org</h2>
 <p>
 		
-<a href="#image-f70981bb81e0e0e56f160405294d87f9" class="lightbox-link">
+<a href="#image-a49c424f977325d0e5153237b97c315d" class="lightbox-link">
 <img src="../../more/showcase/gobolinux.png?width=60pc&amp;classes=shadow" alt="GoboLinux image" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-f70981bb81e0e0e56f160405294d87f9">
+<a href="javascript:history.back();" class="lightbox" id="image-a49c424f977325d0e5153237b97c315d">
 <img src="../../more/showcase/gobolinux.png?width=60pc&amp;classes=shadow" alt="GoboLinux image" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="bitshttpsbits-trainingdetraining-by-dr-lutz-gollan"><a href="https://bits-training.de/training/" target="_blank">BITS</a> by Dr. Lutz Gollan</h2>
 <p>
 		
-<a href="#image-9a7fb95e340c021d8058485f8a9c3737" class="lightbox-link">
+<a href="#image-5ee54f0ec69d149153d5dc68a44fb220" class="lightbox-link">
 <img src="../../more/showcase/bits-train.png?width=60pc&amp;classes=shadow" alt="BITS image" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-9a7fb95e340c021d8058485f8a9c3737">
+<a href="javascript:history.back();" class="lightbox" id="image-5ee54f0ec69d149153d5dc68a44fb220">
 <img src="../../more/showcase/bits-train.png?width=60pc&amp;classes=shadow" alt="BITS image" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="pamasol-electricshttpspamasolgithubiode-by-pamasol--swiss-aerosol-solutions"><a href="https://pamasol.github.io/de/" target="_blank">Pamasol Electrics</a> by Pamasol – Swiss Aerosol Solutions</h2>
 <p>
 		
-<a href="#image-8c9fa80744c39701f7e04c50f0532675" class="lightbox-link">
+<a href="#image-c1d9b511e7c30460e5a8dd0c0a978ada" class="lightbox-link">
 <img src="../../more/showcase/pamasol-electrics-portal.png?width=60pc&amp;classes=shadow" alt="Pamasol Electrics" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-8c9fa80744c39701f7e04c50f0532675">
+<a href="javascript:history.back();" class="lightbox" id="image-c1d9b511e7c30460e5a8dd0c0a978ada">
 <img src="../../more/showcase/pamasol-electrics-portal.png?width=60pc&amp;classes=shadow" alt="Pamasol Electrics" class="lightbox-image" loading="lazy">
 </a></p>
 
@@ -152,12 +152,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -165,33 +165,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -214,12 +214,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1676326935" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1676326935" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1676326935" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1676326935" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1676326935" defer></script>
-        <script src="../../js/search.js?1676326935" defer></script>
+        <script src="../../js/auto-complete.js?1676402966" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1676402966" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1676402966" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1676402966" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1676402966" defer></script>
+        <script src="../../js/search.js?1676402966" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -319,14 +319,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -336,12 +336,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1676326935"></script>
+          <script async src="../../js/buttons.js?1676402966"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1676326935" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1676326935" defer></script>
-    <script src="../../js/theme.js?1676326935" defer></script>
+    <script src="../../js/clipboard.min.js?1676402966" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1676402966" defer></script>
+    <script src="../../js/theme.js?1676402966" defer></script>
   </body>
 </html>
diff --git a/more/showcase/index.print.html b/more/showcase/index.print.html
index 22c24b7dbc..96c5a6d32e 100644
--- a/more/showcase/index.print.html
+++ b/more/showcase/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/more/showcase/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/more/showcase/index.html" rel="canonical" type="text/html" title="Showcase :: Hugo Relearn Theme">
     <link href="../../more/showcase/index.xml" rel="alternate" type="application/rss+xml" title="Showcase :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1676326935" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1676326935" rel="stylesheet">
-    <link href="../../css/fonts.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1676326935" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1676326935" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1676326935" rel="stylesheet">
-    <link href="../../css/print.css?1676326935" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1676326935" rel="stylesheet">
-    <link href="../../css/ie.css?1676326935" rel="stylesheet">
-    <script src="../../js/url.js?1676326935"></script>
-    <script src="../../js/variant.js?1676326935"></script>
+    <link href="../../css/fontawesome-all.min.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1676402967" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1676402967" rel="stylesheet">
+    <link href="../../css/fonts.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1676402967" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1676402967" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1676402967" rel="stylesheet">
+    <link href="../../css/print.css?1676402967" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1676402967" rel="stylesheet">
+    <link href="../../css/ie.css?1676402967" rel="stylesheet">
+    <script src="../../js/url.js?1676402967"></script>
+    <script src="../../js/variant.js?1676402967"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -78,28 +78,28 @@
 <h2 id="gobolinux-wikihttpswikigobolinuxorg-by-neonsysorg"><a href="https://wiki.gobolinux.org/" target="_blank">GoboLinux Wiki</a> by NEONsys.org</h2>
 <p>
 		
-<a href="#image-f70981bb81e0e0e56f160405294d87f9" class="lightbox-link">
+<a href="#image-a49c424f977325d0e5153237b97c315d" class="lightbox-link">
 <img src="../../more/showcase/gobolinux.png?width=60pc&amp;classes=shadow" alt="GoboLinux image" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-f70981bb81e0e0e56f160405294d87f9">
+<a href="javascript:history.back();" class="lightbox" id="image-a49c424f977325d0e5153237b97c315d">
 <img src="../../more/showcase/gobolinux.png?width=60pc&amp;classes=shadow" alt="GoboLinux image" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="bitshttpsbits-trainingdetraining-by-dr-lutz-gollan"><a href="https://bits-training.de/training/" target="_blank">BITS</a> by Dr. Lutz Gollan</h2>
 <p>
 		
-<a href="#image-9a7fb95e340c021d8058485f8a9c3737" class="lightbox-link">
+<a href="#image-5ee54f0ec69d149153d5dc68a44fb220" class="lightbox-link">
 <img src="../../more/showcase/bits-train.png?width=60pc&amp;classes=shadow" alt="BITS image" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-9a7fb95e340c021d8058485f8a9c3737">
+<a href="javascript:history.back();" class="lightbox" id="image-5ee54f0ec69d149153d5dc68a44fb220">
 <img src="../../more/showcase/bits-train.png?width=60pc&amp;classes=shadow" alt="BITS image" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="pamasol-electricshttpspamasolgithubiode-by-pamasol--swiss-aerosol-solutions"><a href="https://pamasol.github.io/de/" target="_blank">Pamasol Electrics</a> by Pamasol – Swiss Aerosol Solutions</h2>
 <p>
 		
-<a href="#image-8c9fa80744c39701f7e04c50f0532675" class="lightbox-link">
+<a href="#image-c1d9b511e7c30460e5a8dd0c0a978ada" class="lightbox-link">
 <img src="../../more/showcase/pamasol-electrics-portal.png?width=60pc&amp;classes=shadow" alt="Pamasol Electrics" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-8c9fa80744c39701f7e04c50f0532675">
+<a href="javascript:history.back();" class="lightbox" id="image-c1d9b511e7c30460e5a8dd0c0a978ada">
 <img src="../../more/showcase/pamasol-electrics-portal.png?width=60pc&amp;classes=shadow" alt="Pamasol Electrics" class="lightbox-image" loading="lazy">
 </a></p>
 
@@ -109,8 +109,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1676326936" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1676326936" defer></script>
-    <script src="../../js/theme.js?1676326936" defer></script>
+    <script src="../../js/clipboard.min.js?1676402967" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1676402967" defer></script>
+    <script src="../../js/theme.js?1676402967" defer></script>
   </body>
 </html>
diff --git a/pir/404.html b/pir/404.html
index 80d0468c20..b0f2500b1b 100644
--- a/pir/404.html
+++ b/pir/404.html
@@ -8,20 +8,20 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>404 Page not found :: Cap&#39;n Hugo Relearrrn Theme</title>
-    <link href="../images/logo.svg?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1676326936" rel="stylesheet">
-    <link href="../css/auto-complete.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1676326936" rel="stylesheet">
-    <link href="../css/fonts.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1676326936" rel="stylesheet">
-    <link href="../css/theme-auto.css?1676326936" rel="stylesheet" id="variant-style">
-    <link href="../css/variant.css?1676326936" rel="stylesheet">
-    <link href="../css/print.css?1676326936" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1676326936" rel="stylesheet">
-    <script src="../js/url.js?1676326936"></script>
-    <script src="../js/variant.js?1676326936"></script>
+    <link href="../css/fontawesome-all.min.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1676402968" rel="stylesheet">
+    <link href="../css/auto-complete.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1676402968" rel="stylesheet">
+    <link href="../css/fonts.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1676402968" rel="stylesheet">
+    <link href="../css/theme-auto.css?1676402968" rel="stylesheet" id="variant-style">
+    <link href="../css/variant.css?1676402968" rel="stylesheet">
+    <link href="../css/print.css?1676402968" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1676402968" rel="stylesheet">
+    <script src="../js/url.js?1676402968"></script>
+    <script src="../js/variant.js?1676402968"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
diff --git a/pir/basics/configuration/index.html b/pir/basics/configuration/index.html
index f80c1f7b49..0aac528efe 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?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326936" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326936" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326936" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326936" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326936" rel="stylesheet">
-    <link href="../../../css/print.css?1676326936" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1676326936" rel="stylesheet">
-    <script src="../../../js/url.js?1676326936"></script>
-    <script src="../../../js/variant.js?1676326936"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402968" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402968" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402968" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402968" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402968" rel="stylesheet">
+    <link href="../../../css/print.css?1676402968" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1676402968" rel="stylesheet">
+    <script src="../../../js/url.js?1676402968"></script>
+    <script src="../../../js/variant.js?1676402968"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -233,10 +233,10 @@
 </span></span></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-b39eea86e4b0f3bd1a4fc574f7933e81" class="lightbox-link">
+<a href="#image-c372c1cabea1ce1571a8e78b20ced530" class="lightbox-link">
 <img src="../../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-b39eea86e4b0f3bd1a4fc574f7933e81">
+<a href="javascript:history.back();" class="lightbox" id="image-c372c1cabea1ce1571a8e78b20ced530">
 <img src="../../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="activate-print-support">Activate print support</h2>
@@ -285,11 +285,11 @@ default values:</p>
 </span></span></code></pre></div><p>Th' home button be go'n t' look like this:</p>
 <p>
 		
-<a href="#image-0daf8574a936f7ff429afa14bf8bfadc" class="lightbox-link">
-<img src="../../../basics/configuration/home_button_defaults.png?classes=shadow&amp;width=300px" alt="Default Home Button" class="shadow" style="height: auto; width: 300px;" loading="lazy">
+<a href="#image-c8aa2c2137bf30192a10b2da02eae502" class="lightbox-link">
+<img src="../../../basics/configuration/home_button_defaults.png?classes=shadow&amp;width=18.75rem" alt="Default Home Button" class="shadow" style="height: auto; width: 18.75rem;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-0daf8574a936f7ff429afa14bf8bfadc">
-<img src="../../../basics/configuration/home_button_defaults.png?classes=shadow&amp;width=300px" alt="Default Home Button" class="lightbox-image" loading="lazy">
+<a href="javascript:history.back();" class="lightbox" id="image-c8aa2c2137bf30192a10b2da02eae502">
+<img src="../../../basics/configuration/home_button_defaults.png?classes=shadow&amp;width=18.75rem" alt="Default Home Button" class="lightbox-image" loading="lazy">
 </a></p>
 
 
@@ -315,12 +315,12 @@ default values:</p>
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -328,33 +328,33 @@ default values:</p>
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -377,12 +377,12 @@ default values:</p>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1676326937" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1676326937" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676326937" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1676326937" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1676326937" defer></script>
-        <script src="../../../js/search.js?1676326937" defer></script>
+        <script src="../../../js/auto-complete.js?1676402969" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1676402969" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676402969" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1676402969" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1676402969" defer></script>
+        <script src="../../../js/search.js?1676402969" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -482,14 +482,14 @@ default values:</p>
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -499,12 +499,12 @@ default values:</p>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1676326937"></script>
+          <script async src="../../../js/buttons.js?1676402969"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1676326937" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326937" defer></script>
-    <script src="../../../js/theme.js?1676326937" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402969" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402969" defer></script>
+    <script src="../../../js/theme.js?1676402969" defer></script>
   </body>
 </html>
diff --git a/pir/basics/configuration/index.print.html b/pir/basics/configuration/index.print.html
index 9b46c99ad9..775272e2e9 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?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326938" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326938" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326938" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326938" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326938" rel="stylesheet">
-    <link href="../../../css/print.css?1676326938" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1676326938" rel="stylesheet">
-    <link href="../../../css/ie.css?1676326938" rel="stylesheet">
-    <script src="../../../js/url.js?1676326938"></script>
-    <script src="../../../js/variant.js?1676326938"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402970" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402970" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402970" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402970" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402970" rel="stylesheet">
+    <link href="../../../css/print.css?1676402970" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1676402970" rel="stylesheet">
+    <link href="../../../css/ie.css?1676402970" rel="stylesheet">
+    <script src="../../../js/url.js?1676402970"></script>
+    <script src="../../../js/variant.js?1676402970"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -189,10 +189,10 @@
 </span></span></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-b39eea86e4b0f3bd1a4fc574f7933e81" class="lightbox-link">
+<a href="#image-c372c1cabea1ce1571a8e78b20ced530" class="lightbox-link">
 <img src="../../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-b39eea86e4b0f3bd1a4fc574f7933e81">
+<a href="javascript:history.back();" class="lightbox" id="image-c372c1cabea1ce1571a8e78b20ced530">
 <img src="../../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="activate-print-support">Activate print support</h2>
@@ -241,11 +241,11 @@ default values:</p>
 </span></span></code></pre></div><p>Th' home button be go'n t' look like this:</p>
 <p>
 		
-<a href="#image-0daf8574a936f7ff429afa14bf8bfadc" class="lightbox-link">
-<img src="../../../basics/configuration/home_button_defaults.png?classes=shadow&amp;width=300px" alt="Default Home Button" class="shadow" style="height: auto; width: 300px;" loading="lazy">
+<a href="#image-c8aa2c2137bf30192a10b2da02eae502" class="lightbox-link">
+<img src="../../../basics/configuration/home_button_defaults.png?classes=shadow&amp;width=18.75rem" alt="Default Home Button" class="shadow" style="height: auto; width: 18.75rem;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-0daf8574a936f7ff429afa14bf8bfadc">
-<img src="../../../basics/configuration/home_button_defaults.png?classes=shadow&amp;width=300px" alt="Default Home Button" class="lightbox-image" loading="lazy">
+<a href="javascript:history.back();" class="lightbox" id="image-c8aa2c2137bf30192a10b2da02eae502">
+<img src="../../../basics/configuration/home_button_defaults.png?classes=shadow&amp;width=18.75rem" alt="Default Home Button" class="lightbox-image" loading="lazy">
 </a></p>
 
 
@@ -255,8 +255,8 @@ default values:</p>
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1676326938" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326938" defer></script>
-    <script src="../../../js/theme.js?1676326938" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402971" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402971" defer></script>
+    <script src="../../../js/theme.js?1676402971" defer></script>
   </body>
 </html>
diff --git a/pir/basics/customization/index.html b/pir/basics/customization/index.html
index e49f602acd..5a0fdce113 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?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326936" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326936" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326936" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326936" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326936" rel="stylesheet">
-    <link href="../../../css/print.css?1676326936" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1676326936" rel="stylesheet">
-    <script src="../../../js/url.js?1676326936"></script>
-    <script src="../../../js/variant.js?1676326936"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402968" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402968" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402968" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402968" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402968" rel="stylesheet">
+    <link href="../../../css/print.css?1676402968" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1676402968" rel="stylesheet">
+    <script src="../../../js/url.js?1676402968"></script>
+    <script src="../../../js/variant.js?1676402968"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -215,12 +215,12 @@ Ye could use an <code>img</code> HTML tag an' reference an image created under t
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -228,33 +228,33 @@ Ye could use an <code>img</code> HTML tag an' reference an image created under t
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -277,12 +277,12 @@ Ye could use an <code>img</code> HTML tag an' reference an image created under t
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1676326937" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1676326937" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676326937" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1676326937" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1676326937" defer></script>
-        <script src="../../../js/search.js?1676326937" defer></script>
+        <script src="../../../js/auto-complete.js?1676402969" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1676402969" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676402969" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1676402969" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1676402969" defer></script>
+        <script src="../../../js/search.js?1676402969" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -382,14 +382,14 @@ Ye could use an <code>img</code> HTML tag an' reference an image created under t
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -399,12 +399,12 @@ Ye could use an <code>img</code> HTML tag an' reference an image created under t
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1676326937"></script>
+          <script async src="../../../js/buttons.js?1676402969"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1676326937" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326937" defer></script>
-    <script src="../../../js/theme.js?1676326937" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402969" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402969" defer></script>
+    <script src="../../../js/theme.js?1676402969" defer></script>
   </body>
 </html>
diff --git a/pir/basics/customization/index.print.html b/pir/basics/customization/index.print.html
index e735c93324..a916af44ab 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?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326938" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326938" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326938" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326938" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326938" rel="stylesheet">
-    <link href="../../../css/print.css?1676326938" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1676326938" rel="stylesheet">
-    <link href="../../../css/ie.css?1676326938" rel="stylesheet">
-    <script src="../../../js/url.js?1676326938"></script>
-    <script src="../../../js/variant.js?1676326938"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402970" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402970" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402970" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402970" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402970" rel="stylesheet">
+    <link href="../../../css/print.css?1676402970" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1676402970" rel="stylesheet">
+    <link href="../../../css/ie.css?1676402970" rel="stylesheet">
+    <script src="../../../js/url.js?1676402970"></script>
+    <script src="../../../js/variant.js?1676402970"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -164,8 +164,8 @@ Ye could use an <code>img</code> HTML tag an' reference an image created under t
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1676326938" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326938" defer></script>
-    <script src="../../../js/theme.js?1676326938" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402971" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402971" defer></script>
+    <script src="../../../js/theme.js?1676402971" defer></script>
   </body>
 </html>
diff --git a/pir/basics/generator/index.html b/pir/basics/generator/index.html
index 02361011c7..8f50a17e0f 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?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326936" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326936" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326936" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326936" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326936" rel="stylesheet">
-    <link href="../../../css/print.css?1676326936" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1676326936" rel="stylesheet">
-    <script src="../../../js/url.js?1676326936"></script>
-    <script src="../../../js/variant.js?1676326936"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402968" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402968" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402968" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402968" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402968" rel="stylesheet">
+    <link href="../../../css/print.css?1676402968" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1676402968" rel="stylesheet">
+    <script src="../../../js/url.js?1676402968"></script>
+    <script src="../../../js/variant.js?1676402968"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -174,12 +174,12 @@ window.variants && variants.generator( '#vargenerator' );
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -187,33 +187,33 @@ window.variants && variants.generator( '#vargenerator' );
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -236,12 +236,12 @@ window.variants && variants.generator( '#vargenerator' );
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1676326937" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1676326937" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676326937" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1676326937" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1676326937" defer></script>
-        <script src="../../../js/search.js?1676326937" defer></script>
+        <script src="../../../js/auto-complete.js?1676402969" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1676402969" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676402969" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1676402969" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1676402969" defer></script>
+        <script src="../../../js/search.js?1676402969" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -341,14 +341,14 @@ window.variants && variants.generator( '#vargenerator' );
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -358,12 +358,12 @@ window.variants && variants.generator( '#vargenerator' );
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1676326937"></script>
+          <script async src="../../../js/buttons.js?1676402969"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1676326937" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326937" defer></script>
-    <script src="../../../js/theme.js?1676326937" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402969" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402969" defer></script>
+    <script src="../../../js/theme.js?1676402969" defer></script>
   </body>
 </html>
diff --git a/pir/basics/generator/index.print.html b/pir/basics/generator/index.print.html
index 9a495c5f30..0bbeea9a8c 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?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326938" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326938" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326938" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326938" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326938" rel="stylesheet">
-    <link href="../../../css/print.css?1676326938" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1676326938" rel="stylesheet">
-    <link href="../../../css/ie.css?1676326938" rel="stylesheet">
-    <script src="../../../js/url.js?1676326938"></script>
-    <script src="../../../js/variant.js?1676326938"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402970" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402970" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402970" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402970" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402970" rel="stylesheet">
+    <link href="../../../css/print.css?1676402970" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1676402970" rel="stylesheet">
+    <link href="../../../css/ie.css?1676402970" rel="stylesheet">
+    <script src="../../../js/url.js?1676402970"></script>
+    <script src="../../../js/variant.js?1676402970"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -133,8 +133,8 @@ window.variants && variants.generator( '#vargenerator' );
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1676326938" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326938" defer></script>
-    <script src="../../../js/theme.js?1676326938" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402971" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402971" defer></script>
+    <script src="../../../js/theme.js?1676402971" defer></script>
   </body>
 </html>
diff --git a/pir/basics/history/index.html b/pir/basics/history/index.html
index 859b2bb079..9c126918a4 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?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326936" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326936" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326936" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326936" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326936" rel="stylesheet">
-    <link href="../../../css/print.css?1676326936" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1676326936" rel="stylesheet">
-    <script src="../../../js/url.js?1676326936"></script>
-    <script src="../../../js/variant.js?1676326936"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402968" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402968" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402968" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402968" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402968" rel="stylesheet">
+    <link href="../../../css/print.css?1676402968" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1676402968" rel="stylesheet">
+    <script src="../../../js/url.js?1676402968"></script>
+    <script src="../../../js/variant.js?1676402968"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -1602,12 +1602,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -1615,33 +1615,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -1664,12 +1664,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1676326937" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1676326937" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676326937" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1676326937" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1676326937" defer></script>
-        <script src="../../../js/search.js?1676326937" defer></script>
+        <script src="../../../js/auto-complete.js?1676402970" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1676402970" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676402970" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1676402970" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1676402970" defer></script>
+        <script src="../../../js/search.js?1676402970" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -1769,14 +1769,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -1786,12 +1786,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1676326937"></script>
+          <script async src="../../../js/buttons.js?1676402970"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1676326937" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326937" defer></script>
-    <script src="../../../js/theme.js?1676326937" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402970" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402970" defer></script>
+    <script src="../../../js/theme.js?1676402970" defer></script>
   </body>
 </html>
diff --git a/pir/basics/history/index.print.html b/pir/basics/history/index.print.html
index b7763b2a1b..784df51f3b 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?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326938" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326938" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326938" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326938" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326938" rel="stylesheet">
-    <link href="../../../css/print.css?1676326938" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1676326938" rel="stylesheet">
-    <link href="../../../css/ie.css?1676326938" rel="stylesheet">
-    <script src="../../../js/url.js?1676326938"></script>
-    <script src="../../../js/variant.js?1676326938"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402970" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402970" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402970" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402970" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402970" rel="stylesheet">
+    <link href="../../../css/print.css?1676402970" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1676402970" rel="stylesheet">
+    <link href="../../../css/ie.css?1676402970" rel="stylesheet">
+    <script src="../../../js/url.js?1676402970"></script>
+    <script src="../../../js/variant.js?1676402970"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -1033,8 +1033,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1676326938" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326938" defer></script>
-    <script src="../../../js/theme.js?1676326938" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402971" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402971" defer></script>
+    <script src="../../../js/theme.js?1676402971" defer></script>
   </body>
 </html>
diff --git a/pir/basics/index.html b/pir/basics/index.html
index f1fb87bf72..63163873b2 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?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1676326936" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1676326936" rel="stylesheet">
-    <link href="../../css/fonts.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1676326936" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1676326936" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1676326936" rel="stylesheet">
-    <link href="../../css/print.css?1676326936" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1676326936" rel="stylesheet">
-    <script src="../../js/url.js?1676326936"></script>
-    <script src="../../js/variant.js?1676326936"></script>
+    <link href="../../css/fontawesome-all.min.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1676402968" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1676402968" rel="stylesheet">
+    <link href="../../css/fonts.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1676402968" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1676402968" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1676402968" rel="stylesheet">
+    <link href="../../css/print.css?1676402968" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1676402968" rel="stylesheet">
+    <script src="../../js/url.js?1676402968"></script>
+    <script src="../../js/variant.js?1676402968"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -117,12 +117,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -130,33 +130,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -179,12 +179,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1676326937" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1676326937" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1676326937" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1676326937" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1676326937" defer></script>
-        <script src="../../js/search.js?1676326937" defer></script>
+        <script src="../../js/auto-complete.js?1676402969" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1676402969" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1676402969" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1676402969" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1676402969" defer></script>
+        <script src="../../js/search.js?1676402969" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -284,14 +284,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -301,12 +301,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1676326937"></script>
+          <script async src="../../js/buttons.js?1676402969"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1676326937" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1676326937" defer></script>
-    <script src="../../js/theme.js?1676326937" defer></script>
+    <script src="../../js/clipboard.min.js?1676402969" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1676402969" defer></script>
+    <script src="../../js/theme.js?1676402969" defer></script>
   </body>
 </html>
diff --git a/pir/basics/index.print.html b/pir/basics/index.print.html
index f4d0117a49..440d0da484 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?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1676326938" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1676326938" rel="stylesheet">
-    <link href="../../css/fonts.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1676326938" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1676326938" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1676326938" rel="stylesheet">
-    <link href="../../css/print.css?1676326938" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1676326938" rel="stylesheet">
-    <link href="../../css/ie.css?1676326938" rel="stylesheet">
-    <script src="../../js/url.js?1676326938"></script>
-    <script src="../../js/variant.js?1676326938"></script>
+    <link href="../../css/fontawesome-all.min.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1676402970" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1676402970" rel="stylesheet">
+    <link href="../../css/fonts.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1676402970" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1676402970" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1676402970" rel="stylesheet">
+    <link href="../../css/print.css?1676402970" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1676402970" rel="stylesheet">
+    <link href="../../css/ie.css?1676402970" rel="stylesheet">
+    <script src="../../js/url.js?1676402970"></script>
+    <script src="../../js/variant.js?1676402970"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -680,10 +680,10 @@
 <p>Thanks t' th' simplicity o' Cap'n Hugo, this plank be as empty as this theme needs requirements.</p>
 <p>Just download at least version <span class="badge cstyle default badge-with-title"><span class="badge-title"><i class="fab fa-hackerrank"></i></span><span class="badge-content" style="background-color: fuchsia;">0.95.0</span></span> o' th' <a href="https://gohugo.io/getting-started/installing/" target="_blank">Cap'n Hugo binary</a> fer yer OS (Windows, Linux, Mac).</p>
 <p>
-<a href="#image-1f6047129878c7f2379209ecd9adbb99" class="lightbox-link">
+<a href="#image-047cfae5bcf8c23c433babc97cc8caae" class="lightbox-link">
 <img src="../../basics/requirements/magic.gif?classes=shadow" alt="Magic" class="shadow" style="height: auto; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-1f6047129878c7f2379209ecd9adbb99">
+<a href="javascript:history.back();" class="lightbox" id="image-047cfae5bcf8c23c433babc97cc8caae">
 <img src="../../basics/requirements/magic.gif?classes=shadow" alt="Magic" class="lightbox-image" loading="lazy">
 </a></p>
 
@@ -727,10 +727,10 @@
 </span></span></code></pre></div><p>renders as</p>
 <p>
 		
-<a href="#image-4f15a21ba3fbe5795c2a9b066038582a" class="lightbox-link">
+<a href="#image-29a55569b90eeba999f2ce4070402d6a" class="lightbox-link">
 <img src="../../basics/installation/chapter.png?classes=shadow&amp;width=60pc" alt="A Chapter" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-4f15a21ba3fbe5795c2a9b066038582a">
+<a href="javascript:history.back();" class="lightbox" id="image-29a55569b90eeba999f2ce4070402d6a">
 <img src="../../basics/installation/chapter.png?classes=shadow&amp;width=60pc" alt="A Chapter" class="lightbox-image" loading="lazy">
 </a></p>
 <p>Th' Relearrrn theme provides archetypes t' create skeletons fer yer website. Begin by creat'n yer first chapter plank wit' th' follow'n command</p>
@@ -885,10 +885,10 @@
 </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-b39eea86e4b0f3bd1a4fc574f7933e81" class="lightbox-link">
+<a href="#image-c372c1cabea1ce1571a8e78b20ced530" class="lightbox-link">
 <img src="../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-b39eea86e4b0f3bd1a4fc574f7933e81">
+<a href="javascript:history.back();" class="lightbox" id="image-c372c1cabea1ce1571a8e78b20ced530">
 <img src="../../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="activate-print-support">Activate print support</h2>
@@ -937,11 +937,11 @@ default values:</p>
 </span></span></code></pre></div><p>Th' home button be go'n t' look like this:</p>
 <p>
 		
-<a href="#image-0daf8574a936f7ff429afa14bf8bfadc" class="lightbox-link">
-<img src="../../basics/configuration/home_button_defaults.png?classes=shadow&amp;width=300px" alt="Default Home Button" class="shadow" style="height: auto; width: 300px;" loading="lazy">
+<a href="#image-c8aa2c2137bf30192a10b2da02eae502" class="lightbox-link">
+<img src="../../basics/configuration/home_button_defaults.png?classes=shadow&amp;width=18.75rem" alt="Default Home Button" class="shadow" style="height: auto; width: 18.75rem;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-0daf8574a936f7ff429afa14bf8bfadc">
-<img src="../../basics/configuration/home_button_defaults.png?classes=shadow&amp;width=300px" alt="Default Home Button" class="lightbox-image" loading="lazy">
+<a href="javascript:history.back();" class="lightbox" id="image-c8aa2c2137bf30192a10b2da02eae502">
+<img src="../../basics/configuration/home_button_defaults.png?classes=shadow&amp;width=18.75rem" alt="Default Home Button" class="lightbox-image" loading="lazy">
 </a></p>
 
 
@@ -2057,8 +2057,8 @@ window.variants && variants.generator( '#vargenerator' );
           </section>        </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1676326938" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1676326938" defer></script>
-    <script src="../../js/theme.js?1676326938" defer></script>
+    <script src="../../js/clipboard.min.js?1676402971" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1676402971" defer></script>
+    <script src="../../js/theme.js?1676402971" defer></script>
   </body>
 </html>
diff --git a/pir/basics/installation/index.html b/pir/basics/installation/index.html
index 9208ed79b8..9c218ca4fd 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?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326936" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326936" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326936" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326936" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326936" rel="stylesheet">
-    <link href="../../../css/print.css?1676326936" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1676326936" rel="stylesheet">
-    <script src="../../../js/url.js?1676326936"></script>
-    <script src="../../../js/variant.js?1676326936"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402968" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402968" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402968" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402968" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402968" rel="stylesheet">
+    <link href="../../../css/print.css?1676402968" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1676402968" rel="stylesheet">
+    <script src="../../../js/url.js?1676402968"></script>
+    <script src="../../../js/variant.js?1676402968"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -143,10 +143,10 @@
 </span></span></code></pre></div><p>renders as</p>
 <p>
 		
-<a href="#image-4f15a21ba3fbe5795c2a9b066038582a" class="lightbox-link">
+<a href="#image-29a55569b90eeba999f2ce4070402d6a" class="lightbox-link">
 <img src="../../../basics/installation/chapter.png?classes=shadow&amp;width=60pc" alt="A Chapter" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-4f15a21ba3fbe5795c2a9b066038582a">
+<a href="javascript:history.back();" class="lightbox" id="image-29a55569b90eeba999f2ce4070402d6a">
 <img src="../../../basics/installation/chapter.png?classes=shadow&amp;width=60pc" alt="A Chapter" class="lightbox-image" loading="lazy">
 </a></p>
 <p>Th' Relearrrn theme provides archetypes t' create skeletons fer yer website. Begin by creat'n yer first chapter plank wit' th' follow'n command</p>
@@ -203,12 +203,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -216,33 +216,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -265,12 +265,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1676326937" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1676326937" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676326937" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1676326937" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1676326937" defer></script>
-        <script src="../../../js/search.js?1676326937" defer></script>
+        <script src="../../../js/auto-complete.js?1676402969" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1676402969" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676402969" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1676402969" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1676402969" defer></script>
+        <script src="../../../js/search.js?1676402969" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -370,14 +370,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -387,12 +387,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1676326937"></script>
+          <script async src="../../../js/buttons.js?1676402969"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1676326937" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326937" defer></script>
-    <script src="../../../js/theme.js?1676326937" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402969" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402969" defer></script>
+    <script src="../../../js/theme.js?1676402969" defer></script>
   </body>
 </html>
diff --git a/pir/basics/installation/index.print.html b/pir/basics/installation/index.print.html
index d7228cebe2..4e02e016da 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?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326938" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326938" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326938" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326938" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326938" rel="stylesheet">
-    <link href="../../../css/print.css?1676326938" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1676326938" rel="stylesheet">
-    <link href="../../../css/ie.css?1676326938" rel="stylesheet">
-    <script src="../../../js/url.js?1676326938"></script>
-    <script src="../../../js/variant.js?1676326938"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402970" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402970" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402970" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402970" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402970" rel="stylesheet">
+    <link href="../../../css/print.css?1676402970" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1676402970" rel="stylesheet">
+    <link href="../../../css/ie.css?1676402970" rel="stylesheet">
+    <script src="../../../js/url.js?1676402970"></script>
+    <script src="../../../js/variant.js?1676402970"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -108,10 +108,10 @@
 </span></span></code></pre></div><p>renders as</p>
 <p>
 		
-<a href="#image-4f15a21ba3fbe5795c2a9b066038582a" class="lightbox-link">
+<a href="#image-29a55569b90eeba999f2ce4070402d6a" class="lightbox-link">
 <img src="../../../basics/installation/chapter.png?classes=shadow&amp;width=60pc" alt="A Chapter" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-4f15a21ba3fbe5795c2a9b066038582a">
+<a href="javascript:history.back();" class="lightbox" id="image-29a55569b90eeba999f2ce4070402d6a">
 <img src="../../../basics/installation/chapter.png?classes=shadow&amp;width=60pc" alt="A Chapter" class="lightbox-image" loading="lazy">
 </a></p>
 <p>Th' Relearrrn theme provides archetypes t' create skeletons fer yer website. Begin by creat'n yer first chapter plank wit' th' follow'n command</p>
@@ -152,8 +152,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1676326938" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326938" defer></script>
-    <script src="../../../js/theme.js?1676326938" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402971" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402971" defer></script>
+    <script src="../../../js/theme.js?1676402971" defer></script>
   </body>
 </html>
diff --git a/pir/basics/migration/index.html b/pir/basics/migration/index.html
index ffa2421ca5..6d1d0ec515 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?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326936" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326936" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326936" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326936" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326936" rel="stylesheet">
-    <link href="../../../css/print.css?1676326936" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1676326936" rel="stylesheet">
-    <script src="../../../js/url.js?1676326936"></script>
-    <script src="../../../js/variant.js?1676326936"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402968" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402968" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402968" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402968" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402968" rel="stylesheet">
+    <link href="../../../css/print.css?1676402968" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1676402968" rel="stylesheet">
+    <script src="../../../js/url.js?1676402968"></script>
+    <script src="../../../js/variant.js?1676402968"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -736,12 +736,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -749,33 +749,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -798,12 +798,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1676326937" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1676326937" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676326937" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1676326937" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1676326937" defer></script>
-        <script src="../../../js/search.js?1676326937" defer></script>
+        <script src="../../../js/auto-complete.js?1676402970" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1676402970" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676402970" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1676402970" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1676402970" defer></script>
+        <script src="../../../js/search.js?1676402970" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -903,14 +903,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -920,12 +920,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1676326937"></script>
+          <script async src="../../../js/buttons.js?1676402970"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1676326937" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326937" defer></script>
-    <script src="../../../js/theme.js?1676326937" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402970" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402970" defer></script>
+    <script src="../../../js/theme.js?1676402970" defer></script>
   </body>
 </html>
diff --git a/pir/basics/migration/index.print.html b/pir/basics/migration/index.print.html
index d9905f034d..581159b082 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?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326938" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326938" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326938" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326938" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326938" rel="stylesheet">
-    <link href="../../../css/print.css?1676326938" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1676326938" rel="stylesheet">
-    <link href="../../../css/ie.css?1676326938" rel="stylesheet">
-    <script src="../../../js/url.js?1676326938"></script>
-    <script src="../../../js/variant.js?1676326938"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402970" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402970" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402970" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402970" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402970" rel="stylesheet">
+    <link href="../../../css/print.css?1676402970" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1676402970" rel="stylesheet">
+    <link href="../../../css/ie.css?1676402970" rel="stylesheet">
+    <script src="../../../js/url.js?1676402970"></script>
+    <script src="../../../js/variant.js?1676402970"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -662,8 +662,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1676326938" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326938" defer></script>
-    <script src="../../../js/theme.js?1676326938" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402971" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402971" defer></script>
+    <script src="../../../js/theme.js?1676402971" defer></script>
   </body>
 </html>
diff --git a/pir/basics/requirements/index.html b/pir/basics/requirements/index.html
index f4741a57a3..eff7b7dcc2 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?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326936" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326936" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326936" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326936" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326936" rel="stylesheet">
-    <link href="../../../css/print.css?1676326936" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1676326936" rel="stylesheet">
-    <script src="../../../js/url.js?1676326936"></script>
-    <script src="../../../js/variant.js?1676326936"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402968" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402968" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402968" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402968" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402968" rel="stylesheet">
+    <link href="../../../css/print.css?1676402968" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1676402968" rel="stylesheet">
+    <script src="../../../js/url.js?1676402968"></script>
+    <script src="../../../js/variant.js?1676402968"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -95,10 +95,10 @@
 <p>Thanks t' th' simplicity o' Cap'n Hugo, this plank be as empty as this theme needs requirements.</p>
 <p>Just download at least version <span class="badge cstyle default badge-with-title"><span class="badge-title"><i class="fab fa-hackerrank"></i></span><span class="badge-content" style="background-color: fuchsia;">0.95.0</span></span> o' th' <a href="https://gohugo.io/getting-started/installing/" target="_blank">Cap'n Hugo binary</a> fer yer OS (Windows, Linux, Mac).</p>
 <p>
-<a href="#image-1f6047129878c7f2379209ecd9adbb99" class="lightbox-link">
+<a href="#image-047cfae5bcf8c23c433babc97cc8caae" class="lightbox-link">
 <img src="../../../basics/requirements/magic.gif?classes=shadow" alt="Magic" class="shadow" style="height: auto; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-1f6047129878c7f2379209ecd9adbb99">
+<a href="javascript:history.back();" class="lightbox" id="image-047cfae5bcf8c23c433babc97cc8caae">
 <img src="../../../basics/requirements/magic.gif?classes=shadow" alt="Magic" class="lightbox-image" loading="lazy">
 </a></p>
 
@@ -125,12 +125,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -138,33 +138,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -187,12 +187,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1676326937" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1676326937" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676326937" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1676326937" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1676326937" defer></script>
-        <script src="../../../js/search.js?1676326937" defer></script>
+        <script src="../../../js/auto-complete.js?1676402970" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1676402970" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676402970" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1676402970" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1676402970" defer></script>
+        <script src="../../../js/search.js?1676402970" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -292,14 +292,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -309,12 +309,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1676326937"></script>
+          <script async src="../../../js/buttons.js?1676402970"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1676326937" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326937" defer></script>
-    <script src="../../../js/theme.js?1676326937" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402970" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402970" defer></script>
+    <script src="../../../js/theme.js?1676402970" defer></script>
   </body>
 </html>
diff --git a/pir/basics/requirements/index.print.html b/pir/basics/requirements/index.print.html
index 98a1f8dc01..d2737ff89a 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?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326938" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326938" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326938" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326938" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326938" rel="stylesheet">
-    <link href="../../../css/print.css?1676326938" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1676326938" rel="stylesheet">
-    <link href="../../../css/ie.css?1676326938" rel="stylesheet">
-    <script src="../../../js/url.js?1676326938"></script>
-    <script src="../../../js/variant.js?1676326938"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402970" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402970" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402970" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402970" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402970" rel="stylesheet">
+    <link href="../../../css/print.css?1676402970" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1676402970" rel="stylesheet">
+    <link href="../../../css/ie.css?1676402970" rel="stylesheet">
+    <script src="../../../js/url.js?1676402970"></script>
+    <script src="../../../js/variant.js?1676402970"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -80,10 +80,10 @@
 <p>Thanks t' th' simplicity o' Cap'n Hugo, this plank be as empty as this theme needs requirements.</p>
 <p>Just download at least version <span class="badge cstyle default badge-with-title"><span class="badge-title"><i class="fab fa-hackerrank"></i></span><span class="badge-content" style="background-color: fuchsia;">0.95.0</span></span> o' th' <a href="https://gohugo.io/getting-started/installing/" target="_blank">Cap'n Hugo binary</a> fer yer OS (Windows, Linux, Mac).</p>
 <p>
-<a href="#image-1f6047129878c7f2379209ecd9adbb99" class="lightbox-link">
+<a href="#image-047cfae5bcf8c23c433babc97cc8caae" class="lightbox-link">
 <img src="../../../basics/requirements/magic.gif?classes=shadow" alt="Magic" class="shadow" style="height: auto; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-1f6047129878c7f2379209ecd9adbb99">
+<a href="javascript:history.back();" class="lightbox" id="image-047cfae5bcf8c23c433babc97cc8caae">
 <img src="../../../basics/requirements/magic.gif?classes=shadow" alt="Magic" class="lightbox-image" loading="lazy">
 </a></p>
 
@@ -94,8 +94,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1676326938" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326938" defer></script>
-    <script src="../../../js/theme.js?1676326938" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402971" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402971" defer></script>
+    <script src="../../../js/theme.js?1676402971" defer></script>
   </body>
 </html>
diff --git a/pir/categories/index.html b/pir/categories/index.html
index e9830380eb..25fe43290f 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="Categories :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../images/logo.svg?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1676326936" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1676326936" rel="stylesheet">
-    <link href="../../css/fonts.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1676326936" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1676326936" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1676326936" rel="stylesheet">
-    <link href="../../css/print.css?1676326936" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1676326936" rel="stylesheet">
-    <script src="../../js/url.js?1676326936"></script>
-    <script src="../../js/variant.js?1676326936"></script>
+    <link href="../../css/fontawesome-all.min.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1676402968" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1676402968" rel="stylesheet">
+    <link href="../../css/fonts.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1676402968" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1676402968" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1676402968" rel="stylesheet">
+    <link href="../../css/print.css?1676402968" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1676402968" rel="stylesheet">
+    <script src="../../js/url.js?1676402968"></script>
+    <script src="../../js/variant.js?1676402968"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -102,12 +102,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -115,33 +115,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -164,12 +164,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1676326938" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1676326938" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1676326938" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1676326938" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1676326938" defer></script>
-        <script src="../../js/search.js?1676326938" defer></script>
+        <script src="../../js/auto-complete.js?1676402970" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1676402970" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1676402970" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1676402970" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1676402970" defer></script>
+        <script src="../../js/search.js?1676402970" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -269,14 +269,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -286,12 +286,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1676326938"></script>
+          <script async src="../../js/buttons.js?1676402970"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1676326938" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1676326938" defer></script>
-    <script src="../../js/theme.js?1676326938" defer></script>
+    <script src="../../js/clipboard.min.js?1676402970" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1676402970" defer></script>
+    <script src="../../js/theme.js?1676402970" defer></script>
   </body>
 </html>
diff --git a/pir/cont/archetypes/index.html b/pir/cont/archetypes/index.html
index 4b804a0ee8..075da9df78 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?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326936" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326936" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326936" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326936" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326936" rel="stylesheet">
-    <link href="../../../css/print.css?1676326936" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1676326936" rel="stylesheet">
-    <script src="../../../js/url.js?1676326936"></script>
-    <script src="../../../js/variant.js?1676326936"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402968" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402968" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402968" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402968" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402968" rel="stylesheet">
+    <link href="../../../css/print.css?1676402968" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1676402968" rel="stylesheet">
+    <script src="../../../js/url.js?1676402968"></script>
+    <script src="../../../js/variant.js?1676402968"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -121,10 +121,10 @@
 <p>A <strong>Home</strong> plank be th' start'n plank o' yer project. It&rsquo;s best t' have only one plank o' this kind 'n yer project.</p>
 <p>
 		
-<a href="#image-a5fd4f08bb44cee0c7932c45d7b7f3a1" class="lightbox-link">
+<a href="#image-936e8301ff7775f5a0acc79a0519fbd4" class="lightbox-link">
 <img src="../../../cont/archetypes/pages-home.png?classes=shadow&amp;width=60pc" alt="Home page" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-a5fd4f08bb44cee0c7932c45d7b7f3a1">
+<a href="javascript:history.back();" class="lightbox" id="image-936e8301ff7775f5a0acc79a0519fbd4">
 <img src="../../../cont/archetypes/pages-home.png?classes=shadow&amp;width=60pc" alt="Home page" class="lightbox-image" loading="lazy">
 </a></p>
 <p>T' create a home plank, run th' follow'n command</p>
@@ -140,10 +140,10 @@
 <p>A <strong>Chapter</strong> displays a plank meant t' be used as introduct'n fer a set o' child planks. Commonly, it contains a simple title an' a catch line t' define rrrambl'n that can be found below it.</p>
 <p>
 		
-<a href="#image-92d71502216944f6b0ec59d461d64925" class="lightbox-link">
+<a href="#image-015a3e868b96bf96b91ee4833abb657e" class="lightbox-link">
 <img src="../../../cont/archetypes/pages-chapter.png?classes=shadow&amp;width=60pc" alt="Chapter page" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-92d71502216944f6b0ec59d461d64925">
+<a href="javascript:history.back();" class="lightbox" id="image-015a3e868b96bf96b91ee4833abb657e">
 <img src="../../../cont/archetypes/pages-chapter.png?classes=shadow&amp;width=60pc" alt="Chapter page" class="lightbox-image" loading="lazy">
 </a></p>
 <p>T' create a chapter plank, run th' follow'n command</p>
@@ -161,10 +161,10 @@
 <p>A <strong>Default</strong> plank be any other rrrambl'n plank. If ye set an unknown archetype 'n yer frontmatter, this archetype will be used t' generate th' plank.</p>
 <p>
 		
-<a href="#image-a2570ef4f499e2b75ff092873d3216e3" class="lightbox-link">
+<a href="#image-22a33d169f84fef07bc254609dbce9e8" class="lightbox-link">
 <img src="../../../cont/archetypes/pages-default.png?classes=shadow&amp;width=60pc" alt="Default page" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-a2570ef4f499e2b75ff092873d3216e3">
+<a href="javascript:history.back();" class="lightbox" id="image-22a33d169f84fef07bc254609dbce9e8">
 <img src="../../../cont/archetypes/pages-default.png?classes=shadow&amp;width=60pc" alt="Default page" class="lightbox-image" loading="lazy">
 </a></p>
 <p>T' create a default plank, run either one o' th' follow'n commands</p>
@@ -238,12 +238,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -251,33 +251,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -300,12 +300,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1676326937" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1676326937" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676326937" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1676326937" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1676326937" defer></script>
-        <script src="../../../js/search.js?1676326937" defer></script>
+        <script src="../../../js/auto-complete.js?1676402970" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1676402970" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676402970" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1676402970" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1676402970" defer></script>
+        <script src="../../../js/search.js?1676402970" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -405,14 +405,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -422,12 +422,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1676326937"></script>
+          <script async src="../../../js/buttons.js?1676402970"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1676326937" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326937" defer></script>
-    <script src="../../../js/theme.js?1676326937" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402970" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402970" defer></script>
+    <script src="../../../js/theme.js?1676402970" defer></script>
   </body>
 </html>
diff --git a/pir/cont/archetypes/index.print.html b/pir/cont/archetypes/index.print.html
index 326c688e5c..8ea1f126e1 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?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326938" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326938" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326938" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326938" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326938" rel="stylesheet">
-    <link href="../../../css/print.css?1676326938" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1676326938" rel="stylesheet">
-    <link href="../../../css/ie.css?1676326938" rel="stylesheet">
-    <script src="../../../js/url.js?1676326938"></script>
-    <script src="../../../js/variant.js?1676326938"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402970" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402970" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402970" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402970" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402970" rel="stylesheet">
+    <link href="../../../css/print.css?1676402970" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1676402970" rel="stylesheet">
+    <link href="../../../css/ie.css?1676402970" rel="stylesheet">
+    <script src="../../../js/url.js?1676402970"></script>
+    <script src="../../../js/variant.js?1676402970"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -84,10 +84,10 @@
 <p>A <strong>Home</strong> plank be th' start'n plank o' yer project. It&rsquo;s best t' have only one plank o' this kind 'n yer project.</p>
 <p>
 		
-<a href="#image-a5fd4f08bb44cee0c7932c45d7b7f3a1" class="lightbox-link">
+<a href="#image-936e8301ff7775f5a0acc79a0519fbd4" class="lightbox-link">
 <img src="../../../cont/archetypes/pages-home.png?classes=shadow&amp;width=60pc" alt="Home page" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-a5fd4f08bb44cee0c7932c45d7b7f3a1">
+<a href="javascript:history.back();" class="lightbox" id="image-936e8301ff7775f5a0acc79a0519fbd4">
 <img src="../../../cont/archetypes/pages-home.png?classes=shadow&amp;width=60pc" alt="Home page" class="lightbox-image" loading="lazy">
 </a></p>
 <p>T' create a home plank, run th' follow'n command</p>
@@ -103,10 +103,10 @@
 <p>A <strong>Chapter</strong> displays a plank meant t' be used as introduct'n fer a set o' child planks. Commonly, it contains a simple title an' a catch line t' define rrrambl'n that can be found below it.</p>
 <p>
 		
-<a href="#image-92d71502216944f6b0ec59d461d64925" class="lightbox-link">
+<a href="#image-015a3e868b96bf96b91ee4833abb657e" class="lightbox-link">
 <img src="../../../cont/archetypes/pages-chapter.png?classes=shadow&amp;width=60pc" alt="Chapter page" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-92d71502216944f6b0ec59d461d64925">
+<a href="javascript:history.back();" class="lightbox" id="image-015a3e868b96bf96b91ee4833abb657e">
 <img src="../../../cont/archetypes/pages-chapter.png?classes=shadow&amp;width=60pc" alt="Chapter page" class="lightbox-image" loading="lazy">
 </a></p>
 <p>T' create a chapter plank, run th' follow'n command</p>
@@ -124,10 +124,10 @@
 <p>A <strong>Default</strong> plank be any other rrrambl'n plank. If ye set an unknown archetype 'n yer frontmatter, this archetype will be used t' generate th' plank.</p>
 <p>
 		
-<a href="#image-a2570ef4f499e2b75ff092873d3216e3" class="lightbox-link">
+<a href="#image-22a33d169f84fef07bc254609dbce9e8" class="lightbox-link">
 <img src="../../../cont/archetypes/pages-default.png?classes=shadow&amp;width=60pc" alt="Default page" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-a2570ef4f499e2b75ff092873d3216e3">
+<a href="javascript:history.back();" class="lightbox" id="image-22a33d169f84fef07bc254609dbce9e8">
 <img src="../../../cont/archetypes/pages-default.png?classes=shadow&amp;width=60pc" alt="Default page" class="lightbox-image" loading="lazy">
 </a></p>
 <p>T' create a default plank, run either one o' th' follow'n commands</p>
@@ -185,8 +185,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1676326938" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326938" defer></script>
-    <script src="../../../js/theme.js?1676326938" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402971" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402971" defer></script>
+    <script src="../../../js/theme.js?1676402971" defer></script>
   </body>
 </html>
diff --git a/pir/cont/i18n/index.html b/pir/cont/i18n/index.html
index af9820b2f3..3226133ead 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?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326936" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326936" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326936" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326936" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326936" rel="stylesheet">
-    <link href="../../../css/print.css?1676326936" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1676326936" rel="stylesheet">
-    <script src="../../../js/url.js?1676326936"></script>
-    <script src="../../../js/variant.js?1676326936"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402968" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402968" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402968" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402968" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402968" rel="stylesheet">
+    <link href="../../../css/print.css?1676402968" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1676402968" rel="stylesheet">
+    <script src="../../../js/url.js?1676402968"></script>
+    <script src="../../../js/variant.js?1676402968"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -118,11 +118,11 @@
 </ul>
 <p>
 		
-<a href="#image-2a8447c2fbef8a9ea66a338efa6ab442" class="lightbox-link">
-<img src="../../../cont/i18n/i18n-menu.gif?classes=shadow&amp;width=300px" alt="I18n menu" class="shadow" style="height: auto; width: 300px;" loading="lazy">
+<a href="#image-0bfd51d2859df8dd9d70c25e40e4fd98" class="lightbox-link">
+<img src="../../../cont/i18n/i18n-menu.gif?classes=shadow&amp;width=18.75rem" alt="I18n menu" class="shadow" style="height: auto; width: 18.75rem;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-2a8447c2fbef8a9ea66a338efa6ab442">
-<img src="../../../cont/i18n/i18n-menu.gif?classes=shadow&amp;width=300px" alt="I18n menu" class="lightbox-image" loading="lazy">
+<a href="javascript:history.back();" class="lightbox" id="image-0bfd51d2859df8dd9d70c25e40e4fd98">
+<img src="../../../cont/i18n/i18n-menu.gif?classes=shadow&amp;width=18.75rem" alt="I18n menu" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="basic-configuration">Basic configurat'n</h2>
 <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>
@@ -236,12 +236,12 @@ You&rsquo;ll see error reports 'n yer browsers console log fer each unsupported
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -249,33 +249,33 @@ You&rsquo;ll see error reports 'n yer browsers console log fer each unsupported
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -298,12 +298,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?1676326937" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1676326937" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676326937" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1676326937" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1676326937" defer></script>
-        <script src="../../../js/search.js?1676326937" defer></script>
+        <script src="../../../js/auto-complete.js?1676402970" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1676402970" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676402970" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1676402970" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1676402970" defer></script>
+        <script src="../../../js/search.js?1676402970" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -403,14 +403,14 @@ You&rsquo;ll see error reports 'n yer browsers console log fer each unsupported
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -420,12 +420,12 @@ You&rsquo;ll see error reports 'n yer browsers console log fer each unsupported
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1676326937"></script>
+          <script async src="../../../js/buttons.js?1676402970"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1676326937" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326937" defer></script>
-    <script src="../../../js/theme.js?1676326937" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402970" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402970" defer></script>
+    <script src="../../../js/theme.js?1676402970" defer></script>
   </body>
 </html>
diff --git a/pir/cont/i18n/index.print.html b/pir/cont/i18n/index.print.html
index 701b92886d..f2fd671f2e 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?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326938" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326938" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326938" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326938" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326938" rel="stylesheet">
-    <link href="../../../css/print.css?1676326938" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1676326938" rel="stylesheet">
-    <link href="../../../css/ie.css?1676326938" rel="stylesheet">
-    <script src="../../../js/url.js?1676326938"></script>
-    <script src="../../../js/variant.js?1676326938"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402970" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402970" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402970" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402970" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402970" rel="stylesheet">
+    <link href="../../../css/print.css?1676402970" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1676402970" rel="stylesheet">
+    <link href="../../../css/ie.css?1676402970" rel="stylesheet">
+    <script src="../../../js/url.js?1676402970"></script>
+    <script src="../../../js/variant.js?1676402970"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -86,11 +86,11 @@
 </ul>
 <p>
 		
-<a href="#image-2a8447c2fbef8a9ea66a338efa6ab442" class="lightbox-link">
-<img src="../../../cont/i18n/i18n-menu.gif?classes=shadow&amp;width=300px" alt="I18n menu" class="shadow" style="height: auto; width: 300px;" loading="lazy">
+<a href="#image-0bfd51d2859df8dd9d70c25e40e4fd98" class="lightbox-link">
+<img src="../../../cont/i18n/i18n-menu.gif?classes=shadow&amp;width=18.75rem" alt="I18n menu" class="shadow" style="height: auto; width: 18.75rem;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-2a8447c2fbef8a9ea66a338efa6ab442">
-<img src="../../../cont/i18n/i18n-menu.gif?classes=shadow&amp;width=300px" alt="I18n menu" class="lightbox-image" loading="lazy">
+<a href="javascript:history.back();" class="lightbox" id="image-0bfd51d2859df8dd9d70c25e40e4fd98">
+<img src="../../../cont/i18n/i18n-menu.gif?classes=shadow&amp;width=18.75rem" alt="I18n menu" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="basic-configuration">Basic configurat'n</h2>
 <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>
@@ -188,8 +188,8 @@ You&rsquo;ll see error reports 'n yer browsers console log fer each unsupported
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1676326938" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326938" defer></script>
-    <script src="../../../js/theme.js?1676326938" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402971" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402971" defer></script>
+    <script src="../../../js/theme.js?1676402971" defer></script>
   </body>
 </html>
diff --git a/pir/cont/index.html b/pir/cont/index.html
index d2cb576a2a..062e842f93 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?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1676326936" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1676326936" rel="stylesheet">
-    <link href="../../css/fonts.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1676326936" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1676326936" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1676326936" rel="stylesheet">
-    <link href="../../css/print.css?1676326936" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1676326936" rel="stylesheet">
-    <script src="../../js/url.js?1676326936"></script>
-    <script src="../../js/variant.js?1676326936"></script>
+    <link href="../../css/fontawesome-all.min.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1676402968" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1676402968" rel="stylesheet">
+    <link href="../../css/fonts.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1676402968" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1676402968" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1676402968" rel="stylesheet">
+    <link href="../../css/print.css?1676402968" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1676402968" rel="stylesheet">
+    <script src="../../js/url.js?1676402968"></script>
+    <script src="../../js/variant.js?1676402968"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -117,12 +117,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -130,33 +130,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -179,12 +179,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1676326937" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1676326937" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1676326937" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1676326937" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1676326937" defer></script>
-        <script src="../../js/search.js?1676326937" defer></script>
+        <script src="../../js/auto-complete.js?1676402970" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1676402970" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1676402970" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1676402970" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1676402970" defer></script>
+        <script src="../../js/search.js?1676402970" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -284,14 +284,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -301,12 +301,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1676326937"></script>
+          <script async src="../../js/buttons.js?1676402970"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1676326937" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1676326937" defer></script>
-    <script src="../../js/theme.js?1676326937" defer></script>
+    <script src="../../js/clipboard.min.js?1676402970" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1676402970" defer></script>
+    <script src="../../js/theme.js?1676402970" defer></script>
   </body>
 </html>
diff --git a/pir/cont/index.print.html b/pir/cont/index.print.html
index 79d4afb73f..1a4f539304 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?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1676326938" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1676326938" rel="stylesheet">
-    <link href="../../css/fonts.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1676326938" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1676326938" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1676326938" rel="stylesheet">
-    <link href="../../css/print.css?1676326938" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1676326938" rel="stylesheet">
-    <link href="../../css/ie.css?1676326938" rel="stylesheet">
-    <script src="../../js/url.js?1676326938"></script>
-    <script src="../../js/variant.js?1676326938"></script>
+    <link href="../../css/fontawesome-all.min.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1676402970" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1676402970" rel="stylesheet">
+    <link href="../../css/fonts.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1676402970" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1676402970" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1676402970" rel="stylesheet">
+    <link href="../../css/print.css?1676402970" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1676402970" rel="stylesheet">
+    <link href="../../css/ie.css?1676402970" rel="stylesheet">
+    <script src="../../js/url.js?1676402970"></script>
+    <script src="../../js/variant.js?1676402970"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -164,11 +164,11 @@
 </span></span><span class="line"><span class="cl"><span class="err">+++</span>
 </span></span></code></pre></div><p>
 		
-<a href="#image-5373f460e7faeb383c7b47431db4ef4c" class="lightbox-link">
-<img src="../../cont/pages/frontmatter-icon.png?classes=shadow&amp;width=300px" alt="Title wit' icon" class="shadow" style="height: auto; width: 300px;" loading="lazy">
+<a href="#image-c8e2494141e924454b1fbc9cd767c6e8" class="lightbox-link">
+<img src="../../cont/pages/frontmatter-icon.png?classes=shadow&amp;width=18.75rem" alt="Title wit' icon" class="shadow" style="height: auto; width: 18.75rem;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-5373f460e7faeb383c7b47431db4ef4c">
-<img src="../../cont/pages/frontmatter-icon.png?classes=shadow&amp;width=300px" alt="Title wit' icon" class="lightbox-image" loading="lazy">
+<a href="javascript:history.back();" class="lightbox" id="image-c8e2494141e924454b1fbc9cd767c6e8">
+<img src="../../cont/pages/frontmatter-icon.png?classes=shadow&amp;width=18.75rem" alt="Title wit' icon" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="ordering-sibling-menupage-entries">Order'n sibl'n menu/page entries</h3>
 <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>
@@ -215,10 +215,10 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
 <p>A <strong>Home</strong> plank be th' start'n plank o' yer project. It&rsquo;s best t' have only one plank o' this kind 'n yer project.</p>
 <p>
 		
-<a href="#image-a5fd4f08bb44cee0c7932c45d7b7f3a1" class="lightbox-link">
+<a href="#image-936e8301ff7775f5a0acc79a0519fbd4" class="lightbox-link">
 <img src="../../cont/archetypes/pages-home.png?classes=shadow&amp;width=60pc" alt="Home page" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-a5fd4f08bb44cee0c7932c45d7b7f3a1">
+<a href="javascript:history.back();" class="lightbox" id="image-936e8301ff7775f5a0acc79a0519fbd4">
 <img src="../../cont/archetypes/pages-home.png?classes=shadow&amp;width=60pc" alt="Home page" class="lightbox-image" loading="lazy">
 </a></p>
 <p>T' create a home plank, run th' follow'n command</p>
@@ -234,10 +234,10 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
 <p>A <strong>Chapter</strong> displays a plank meant t' be used as introduct'n fer a set o' child planks. Commonly, it contains a simple title an' a catch line t' define rrrambl'n that can be found below it.</p>
 <p>
 		
-<a href="#image-92d71502216944f6b0ec59d461d64925" class="lightbox-link">
+<a href="#image-015a3e868b96bf96b91ee4833abb657e" class="lightbox-link">
 <img src="../../cont/archetypes/pages-chapter.png?classes=shadow&amp;width=60pc" alt="Chapter page" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-92d71502216944f6b0ec59d461d64925">
+<a href="javascript:history.back();" class="lightbox" id="image-015a3e868b96bf96b91ee4833abb657e">
 <img src="../../cont/archetypes/pages-chapter.png?classes=shadow&amp;width=60pc" alt="Chapter page" class="lightbox-image" loading="lazy">
 </a></p>
 <p>T' create a chapter plank, run th' follow'n command</p>
@@ -255,10 +255,10 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
 <p>A <strong>Default</strong> plank be any other rrrambl'n plank. If ye set an unknown archetype 'n yer frontmatter, this archetype will be used t' generate th' plank.</p>
 <p>
 		
-<a href="#image-a2570ef4f499e2b75ff092873d3216e3" class="lightbox-link">
+<a href="#image-22a33d169f84fef07bc254609dbce9e8" class="lightbox-link">
 <img src="../../cont/archetypes/pages-default.png?classes=shadow&amp;width=60pc" alt="Default page" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-a2570ef4f499e2b75ff092873d3216e3">
+<a href="javascript:history.back();" class="lightbox" id="image-22a33d169f84fef07bc254609dbce9e8">
 <img src="../../cont/archetypes/pages-default.png?classes=shadow&amp;width=60pc" alt="Default page" class="lightbox-image" loading="lazy">
 </a></p>
 <p>T' create a default plank, run either one o' th' follow'n commands</p>
@@ -834,10 +834,10 @@ line 3 o' code
   <div class="box-content">
 <p>
 		
-<a href="#image-3d7602ae63a755744d8b22ba327a1ff2" class="lightbox-link">
+<a href="#image-44df9d3b8fc2fce3a0c34870d09a96d9" class="lightbox-link">
 <img src="https://octodex.github.com/images/spocktocat.png?width=20vw&amp;classes=bg-white" alt="Spock" class="bg-white" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-3d7602ae63a755744d8b22ba327a1ff2">
+<a href="javascript:history.back();" class="lightbox" id="image-44df9d3b8fc2fce3a0c34870d09a96d9">
 <img src="https://octodex.github.com/images/spocktocat.png?width=20vw&amp;classes=bg-white" alt="Spock" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -851,10 +851,10 @@ line 3 o' code
   <div class="box-content">
 <p>
 		
-<a href="#image-b31b88e43c4d05cf7d48551f926dbbd1" class="lightbox-link">
+<a href="#image-6fedd8247428938a469227179162705f" class="lightbox-link">
 <img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-b31b88e43c4d05cf7d48551f926dbbd1">
+<a href="javascript:history.back();" class="lightbox" id="image-6fedd8247428938a469227179162705f">
 <img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -870,10 +870,10 @@ line 3 o' code
   <div class="box-content">
 <p>
 		
-<a href="#image-1f1d2db9549dc16bc12f7a0e127e5201" class="lightbox-link">
+<a href="#image-ba142505133135d39602178e842c2fbf" class="lightbox-link">
 <img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-1f1d2db9549dc16bc12f7a0e127e5201">
+<a href="javascript:history.back();" class="lightbox" id="image-ba142505133135d39602178e842c2fbf">
 <img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -889,10 +889,10 @@ line 3 o' code
   <div class="box-content">
 <p>
 		
-<a href="#image-cd94ace4a0adb5526cd870cf2c815102" class="lightbox-link">
+<a href="#image-d8f698173ed67293bb023b72f21c2684" class="lightbox-link">
 <img src="https://octodex.github.com/images/minion.png?width=20vw&amp;classes=bg-white" alt="Minion" class="bg-white" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-cd94ace4a0adb5526cd870cf2c815102">
+<a href="javascript:history.back();" class="lightbox" id="image-d8f698173ed67293bb023b72f21c2684">
 <img src="https://octodex.github.com/images/minion.png?width=20vw&amp;classes=bg-white" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -904,10 +904,10 @@ line 3 o' code
   <div class="box-content">
 <p>
 		
-<a href="#image-aca00c46136a47a208b25a91ff011c63" class="lightbox-link">
+<a href="#image-0640d65e21fc54b1f030fd23290e8961" class="lightbox-link">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;classes=bg-white" alt="Minion" class="bg-white" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-aca00c46136a47a208b25a91ff011c63">
+<a href="javascript:history.back();" class="lightbox" id="image-0640d65e21fc54b1f030fd23290e8961">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;classes=bg-white" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -920,10 +920,10 @@ line 3 o' code
 <p>
 		
 		
-<a href="#image-1520340e6b090aca284426aabbaa643b" class="lightbox-link">
+<a href="#image-2e07703757d2c0dc5dd7457acf89dc61" class="lightbox-link">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw&amp;classes=bg-white" alt="Minion" class="bg-white" style="height: 50px; width: 40vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-1520340e6b090aca284426aabbaa643b">
+<a href="javascript:history.back();" class="lightbox" id="image-2e07703757d2c0dc5dd7457acf89dc61">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw&amp;classes=bg-white" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -938,10 +938,10 @@ line 3 o' code
   <div class="box-content">
 <p>
 		
-<a href="#image-12c31d61347c33233af3a004afd62776" class="lightbox-link">
+<a href="#image-0d157526dd4ee22d8bf6f48b8980d63f" class="lightbox-link">
 <img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,bg-white" alt="Spidertocat" class="shadow bg-white" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-12c31d61347c33233af3a004afd62776">
+<a href="javascript:history.back();" class="lightbox" id="image-0d157526dd4ee22d8bf6f48b8980d63f">
 <img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,bg-white" alt="Spidertocat" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -954,10 +954,10 @@ line 3 o' code
   <div class="box-content">
 <p>
 		
-<a href="#image-3358bb4b861275b709beb7111bc3c8b1" class="lightbox-link">
+<a href="#image-b2f963c0fc9c45435bdabbc9978703b7" class="lightbox-link">
 <img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border" alt="DrOctocat" class="border" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-3358bb4b861275b709beb7111bc3c8b1">
+<a href="javascript:history.back();" class="lightbox" id="image-b2f963c0fc9c45435bdabbc9978703b7">
 <img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border" alt="DrOctocat" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -970,10 +970,10 @@ line 3 o' code
   <div class="box-content">
 <p>
 		
-<a href="#image-79701f2c6f0dcdc8f7ac5585c8debd35" class="lightbox-link">
+<a href="#image-5cf197b250188644031737c36fd5ebd7" class="lightbox-link">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="left" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-79701f2c6f0dcdc8f7ac5585c8debd35">
+<a href="javascript:history.back();" class="lightbox" id="image-5cf197b250188644031737c36fd5ebd7">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -986,10 +986,10 @@ line 3 o' code
   <div class="box-content">
 <p>
 		
-<a href="#image-bda05c12fd39bc3b7d9e5a6de91f6cb4" class="lightbox-link">
+<a href="#image-a448a03ac551fc5e1a7eb832451ee29a" class="lightbox-link">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="right" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-bda05c12fd39bc3b7d9e5a6de91f6cb4">
+<a href="javascript:history.back();" class="lightbox" id="image-a448a03ac551fc5e1a7eb832451ee29a">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -1005,34 +1005,34 @@ line 3 o' code
   <div class="box-content">
 <p>
 		
-<a href="#image-71ee804d79fe7be5f896d6ab522996aa" class="lightbox-link">
+<a href="#image-7fd9776eac26f46224bcfdc9e302ead1" class="lightbox-link">
 <img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline,bg-white" alt="Spidertocat" class="inline bg-white" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-71ee804d79fe7be5f896d6ab522996aa">
+<a href="javascript:history.back();" class="lightbox" id="image-7fd9776eac26f46224bcfdc9e302ead1">
 <img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline,bg-white" alt="Spidertocat" class="lightbox-image" loading="lazy">
 </a>
 
 		
-<a href="#image-42ffff788db4fcb2ee994c75d68e8ae8" class="lightbox-link">
+<a href="#image-f3536ddd2cca8074ef563b1238b21ca4" class="lightbox-link">
 <img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="inline" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-42ffff788db4fcb2ee994c75d68e8ae8">
+<a href="javascript:history.back();" class="lightbox" id="image-f3536ddd2cca8074ef563b1238b21ca4">
 <img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image" loading="lazy">
 </a>
 
 		
-<a href="#image-d020ca3c4a26d0f50a9e754f17da27ee" class="lightbox-link">
+<a href="#image-6d1be212317bd51fe56dd079ada6353f" class="lightbox-link">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="inline" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-d020ca3c4a26d0f50a9e754f17da27ee">
+<a href="javascript:history.back();" class="lightbox" id="image-6d1be212317bd51fe56dd079ada6353f">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image" loading="lazy">
 </a>
 
 		
-<a href="#image-5d36b911b89e13c55cae6139859886d2" class="lightbox-link">
+<a href="#image-2325858e001960ec06663272ea424637" class="lightbox-link">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="inline" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-5d36b911b89e13c55cae6139859886d2">
+<a href="javascript:history.back();" class="lightbox" id="image-2325858e001960ec06663272ea424637">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -1045,10 +1045,10 @@ line 3 o' code
   <div class="box-content">
 <p>
 		
-<a href="#image-d3d641b925d326c6b2538f8069507ac2" class="lightbox-link">
+<a href="#image-dbf3c6559fe4a9f9c52dc597b4d0df38" class="lightbox-link">
 <img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="shadow border left" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-d3d641b925d326c6b2538f8069507ac2">
+<a href="javascript:history.back();" class="lightbox" id="image-dbf3c6559fe4a9f9c52dc597b4d0df38">
 <img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -1257,11 +1257,11 @@ However, if ye want t' keep th' title but change its value, it can be overridden
 </ul>
 <p>
 		
-<a href="#image-2a8447c2fbef8a9ea66a338efa6ab442" class="lightbox-link">
-<img src="../../cont/i18n/i18n-menu.gif?classes=shadow&amp;width=300px" alt="I18n menu" class="shadow" style="height: auto; width: 300px;" loading="lazy">
+<a href="#image-0bfd51d2859df8dd9d70c25e40e4fd98" class="lightbox-link">
+<img src="../../cont/i18n/i18n-menu.gif?classes=shadow&amp;width=18.75rem" alt="I18n menu" class="shadow" style="height: auto; width: 18.75rem;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-2a8447c2fbef8a9ea66a338efa6ab442">
-<img src="../../cont/i18n/i18n-menu.gif?classes=shadow&amp;width=300px" alt="I18n menu" class="lightbox-image" loading="lazy">
+<a href="javascript:history.back();" class="lightbox" id="image-0bfd51d2859df8dd9d70c25e40e4fd98">
+<img src="../../cont/i18n/i18n-menu.gif?classes=shadow&amp;width=18.75rem" alt="I18n menu" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="basic-configuration">Basic configurat'n</h2>
 <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>
@@ -1387,8 +1387,8 @@ You&rsquo;ll see error reports 'n yer browsers console log fer each unsupported
           </section>        </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1676326938" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1676326938" defer></script>
-    <script src="../../js/theme.js?1676326938" defer></script>
+    <script src="../../js/clipboard.min.js?1676402971" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1676402971" defer></script>
+    <script src="../../js/theme.js?1676402971" defer></script>
   </body>
 </html>
diff --git a/pir/cont/markdown/index.html b/pir/cont/markdown/index.html
index 03da2e3cf9..2d9c732574 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?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326936" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326936" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326936" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326936" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326936" rel="stylesheet">
-    <link href="../../../css/print.css?1676326936" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1676326936" rel="stylesheet">
-    <script src="../../../js/url.js?1676326936"></script>
-    <script src="../../../js/variant.js?1676326936"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402968" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402968" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402968" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402968" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402968" rel="stylesheet">
+    <link href="../../../css/print.css?1676402968" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1676402968" rel="stylesheet">
+    <script src="../../../js/url.js?1676402968"></script>
+    <script src="../../../js/variant.js?1676402968"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -666,10 +666,10 @@ line 3 o' code
   <div class="box-content">
 <p>
 		
-<a href="#image-3d7602ae63a755744d8b22ba327a1ff2" class="lightbox-link">
+<a href="#image-44df9d3b8fc2fce3a0c34870d09a96d9" class="lightbox-link">
 <img src="https://octodex.github.com/images/spocktocat.png?width=20vw&amp;classes=bg-white" alt="Spock" class="bg-white" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-3d7602ae63a755744d8b22ba327a1ff2">
+<a href="javascript:history.back();" class="lightbox" id="image-44df9d3b8fc2fce3a0c34870d09a96d9">
 <img src="https://octodex.github.com/images/spocktocat.png?width=20vw&amp;classes=bg-white" alt="Spock" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -683,10 +683,10 @@ line 3 o' code
   <div class="box-content">
 <p>
 		
-<a href="#image-b31b88e43c4d05cf7d48551f926dbbd1" class="lightbox-link">
+<a href="#image-6fedd8247428938a469227179162705f" class="lightbox-link">
 <img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-b31b88e43c4d05cf7d48551f926dbbd1">
+<a href="javascript:history.back();" class="lightbox" id="image-6fedd8247428938a469227179162705f">
 <img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -702,10 +702,10 @@ line 3 o' code
   <div class="box-content">
 <p>
 		
-<a href="#image-1f1d2db9549dc16bc12f7a0e127e5201" class="lightbox-link">
+<a href="#image-ba142505133135d39602178e842c2fbf" class="lightbox-link">
 <img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-1f1d2db9549dc16bc12f7a0e127e5201">
+<a href="javascript:history.back();" class="lightbox" id="image-ba142505133135d39602178e842c2fbf">
 <img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -721,10 +721,10 @@ line 3 o' code
   <div class="box-content">
 <p>
 		
-<a href="#image-cd94ace4a0adb5526cd870cf2c815102" class="lightbox-link">
+<a href="#image-d8f698173ed67293bb023b72f21c2684" class="lightbox-link">
 <img src="https://octodex.github.com/images/minion.png?width=20vw&amp;classes=bg-white" alt="Minion" class="bg-white" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-cd94ace4a0adb5526cd870cf2c815102">
+<a href="javascript:history.back();" class="lightbox" id="image-d8f698173ed67293bb023b72f21c2684">
 <img src="https://octodex.github.com/images/minion.png?width=20vw&amp;classes=bg-white" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -736,10 +736,10 @@ line 3 o' code
   <div class="box-content">
 <p>
 		
-<a href="#image-aca00c46136a47a208b25a91ff011c63" class="lightbox-link">
+<a href="#image-0640d65e21fc54b1f030fd23290e8961" class="lightbox-link">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;classes=bg-white" alt="Minion" class="bg-white" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-aca00c46136a47a208b25a91ff011c63">
+<a href="javascript:history.back();" class="lightbox" id="image-0640d65e21fc54b1f030fd23290e8961">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;classes=bg-white" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -752,10 +752,10 @@ line 3 o' code
 <p>
 		
 		
-<a href="#image-1520340e6b090aca284426aabbaa643b" class="lightbox-link">
+<a href="#image-2e07703757d2c0dc5dd7457acf89dc61" class="lightbox-link">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw&amp;classes=bg-white" alt="Minion" class="bg-white" style="height: 50px; width: 40vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-1520340e6b090aca284426aabbaa643b">
+<a href="javascript:history.back();" class="lightbox" id="image-2e07703757d2c0dc5dd7457acf89dc61">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw&amp;classes=bg-white" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -770,10 +770,10 @@ line 3 o' code
   <div class="box-content">
 <p>
 		
-<a href="#image-12c31d61347c33233af3a004afd62776" class="lightbox-link">
+<a href="#image-0d157526dd4ee22d8bf6f48b8980d63f" class="lightbox-link">
 <img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,bg-white" alt="Spidertocat" class="shadow bg-white" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-12c31d61347c33233af3a004afd62776">
+<a href="javascript:history.back();" class="lightbox" id="image-0d157526dd4ee22d8bf6f48b8980d63f">
 <img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,bg-white" alt="Spidertocat" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -786,10 +786,10 @@ line 3 o' code
   <div class="box-content">
 <p>
 		
-<a href="#image-3358bb4b861275b709beb7111bc3c8b1" class="lightbox-link">
+<a href="#image-b2f963c0fc9c45435bdabbc9978703b7" class="lightbox-link">
 <img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border" alt="DrOctocat" class="border" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-3358bb4b861275b709beb7111bc3c8b1">
+<a href="javascript:history.back();" class="lightbox" id="image-b2f963c0fc9c45435bdabbc9978703b7">
 <img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border" alt="DrOctocat" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -802,10 +802,10 @@ line 3 o' code
   <div class="box-content">
 <p>
 		
-<a href="#image-79701f2c6f0dcdc8f7ac5585c8debd35" class="lightbox-link">
+<a href="#image-5cf197b250188644031737c36fd5ebd7" class="lightbox-link">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="left" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-79701f2c6f0dcdc8f7ac5585c8debd35">
+<a href="javascript:history.back();" class="lightbox" id="image-5cf197b250188644031737c36fd5ebd7">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -818,10 +818,10 @@ line 3 o' code
   <div class="box-content">
 <p>
 		
-<a href="#image-bda05c12fd39bc3b7d9e5a6de91f6cb4" class="lightbox-link">
+<a href="#image-a448a03ac551fc5e1a7eb832451ee29a" class="lightbox-link">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="right" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-bda05c12fd39bc3b7d9e5a6de91f6cb4">
+<a href="javascript:history.back();" class="lightbox" id="image-a448a03ac551fc5e1a7eb832451ee29a">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -837,34 +837,34 @@ line 3 o' code
   <div class="box-content">
 <p>
 		
-<a href="#image-71ee804d79fe7be5f896d6ab522996aa" class="lightbox-link">
+<a href="#image-7fd9776eac26f46224bcfdc9e302ead1" class="lightbox-link">
 <img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline,bg-white" alt="Spidertocat" class="inline bg-white" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-71ee804d79fe7be5f896d6ab522996aa">
+<a href="javascript:history.back();" class="lightbox" id="image-7fd9776eac26f46224bcfdc9e302ead1">
 <img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline,bg-white" alt="Spidertocat" class="lightbox-image" loading="lazy">
 </a>
 
 		
-<a href="#image-42ffff788db4fcb2ee994c75d68e8ae8" class="lightbox-link">
+<a href="#image-f3536ddd2cca8074ef563b1238b21ca4" class="lightbox-link">
 <img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="inline" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-42ffff788db4fcb2ee994c75d68e8ae8">
+<a href="javascript:history.back();" class="lightbox" id="image-f3536ddd2cca8074ef563b1238b21ca4">
 <img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image" loading="lazy">
 </a>
 
 		
-<a href="#image-d020ca3c4a26d0f50a9e754f17da27ee" class="lightbox-link">
+<a href="#image-6d1be212317bd51fe56dd079ada6353f" class="lightbox-link">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="inline" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-d020ca3c4a26d0f50a9e754f17da27ee">
+<a href="javascript:history.back();" class="lightbox" id="image-6d1be212317bd51fe56dd079ada6353f">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image" loading="lazy">
 </a>
 
 		
-<a href="#image-5d36b911b89e13c55cae6139859886d2" class="lightbox-link">
+<a href="#image-2325858e001960ec06663272ea424637" class="lightbox-link">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="inline" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-5d36b911b89e13c55cae6139859886d2">
+<a href="javascript:history.back();" class="lightbox" id="image-2325858e001960ec06663272ea424637">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -877,10 +877,10 @@ line 3 o' code
   <div class="box-content">
 <p>
 		
-<a href="#image-d3d641b925d326c6b2538f8069507ac2" class="lightbox-link">
+<a href="#image-dbf3c6559fe4a9f9c52dc597b4d0df38" class="lightbox-link">
 <img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="shadow border left" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-d3d641b925d326c6b2538f8069507ac2">
+<a href="javascript:history.back();" class="lightbox" id="image-dbf3c6559fe4a9f9c52dc597b4d0df38">
 <img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -921,12 +921,12 @@ line 3 o' code
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -934,33 +934,33 @@ line 3 o' code
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -983,12 +983,12 @@ line 3 o' code
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1676326936" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1676326936" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676326936" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1676326936" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1676326936" defer></script>
-        <script src="../../../js/search.js?1676326936" defer></script>
+        <script src="../../../js/auto-complete.js?1676402968" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1676402968" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676402968" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1676402968" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1676402968" defer></script>
+        <script src="../../../js/search.js?1676402968" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -1088,14 +1088,14 @@ line 3 o' code
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -1105,12 +1105,12 @@ line 3 o' code
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1676326936"></script>
+          <script async src="../../../js/buttons.js?1676402968"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1676326936" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326936" defer></script>
-    <script src="../../../js/theme.js?1676326936" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402968" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402968" defer></script>
+    <script src="../../../js/theme.js?1676402968" defer></script>
   </body>
 </html>
diff --git a/pir/cont/markdown/index.print.html b/pir/cont/markdown/index.print.html
index 0fe9a37826..20375b8f4f 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?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326938" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326938" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326938" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326938" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326938" rel="stylesheet">
-    <link href="../../../css/print.css?1676326938" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1676326938" rel="stylesheet">
-    <link href="../../../css/ie.css?1676326938" rel="stylesheet">
-    <script src="../../../js/url.js?1676326938"></script>
-    <script src="../../../js/variant.js?1676326938"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402970" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402970" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402970" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402970" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402970" rel="stylesheet">
+    <link href="../../../css/print.css?1676402970" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1676402970" rel="stylesheet">
+    <link href="../../../css/ie.css?1676402970" rel="stylesheet">
+    <script src="../../../js/url.js?1676402970"></script>
+    <script src="../../../js/variant.js?1676402970"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -593,10 +593,10 @@ line 3 o' code
   <div class="box-content">
 <p>
 		
-<a href="#image-3d7602ae63a755744d8b22ba327a1ff2" class="lightbox-link">
+<a href="#image-44df9d3b8fc2fce3a0c34870d09a96d9" class="lightbox-link">
 <img src="https://octodex.github.com/images/spocktocat.png?width=20vw&amp;classes=bg-white" alt="Spock" class="bg-white" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-3d7602ae63a755744d8b22ba327a1ff2">
+<a href="javascript:history.back();" class="lightbox" id="image-44df9d3b8fc2fce3a0c34870d09a96d9">
 <img src="https://octodex.github.com/images/spocktocat.png?width=20vw&amp;classes=bg-white" alt="Spock" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -610,10 +610,10 @@ line 3 o' code
   <div class="box-content">
 <p>
 		
-<a href="#image-b31b88e43c4d05cf7d48551f926dbbd1" class="lightbox-link">
+<a href="#image-6fedd8247428938a469227179162705f" class="lightbox-link">
 <img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-b31b88e43c4d05cf7d48551f926dbbd1">
+<a href="javascript:history.back();" class="lightbox" id="image-6fedd8247428938a469227179162705f">
 <img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -629,10 +629,10 @@ line 3 o' code
   <div class="box-content">
 <p>
 		
-<a href="#image-1f1d2db9549dc16bc12f7a0e127e5201" class="lightbox-link">
+<a href="#image-ba142505133135d39602178e842c2fbf" class="lightbox-link">
 <img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-1f1d2db9549dc16bc12f7a0e127e5201">
+<a href="javascript:history.back();" class="lightbox" id="image-ba142505133135d39602178e842c2fbf">
 <img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -648,10 +648,10 @@ line 3 o' code
   <div class="box-content">
 <p>
 		
-<a href="#image-cd94ace4a0adb5526cd870cf2c815102" class="lightbox-link">
+<a href="#image-d8f698173ed67293bb023b72f21c2684" class="lightbox-link">
 <img src="https://octodex.github.com/images/minion.png?width=20vw&amp;classes=bg-white" alt="Minion" class="bg-white" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-cd94ace4a0adb5526cd870cf2c815102">
+<a href="javascript:history.back();" class="lightbox" id="image-d8f698173ed67293bb023b72f21c2684">
 <img src="https://octodex.github.com/images/minion.png?width=20vw&amp;classes=bg-white" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -663,10 +663,10 @@ line 3 o' code
   <div class="box-content">
 <p>
 		
-<a href="#image-aca00c46136a47a208b25a91ff011c63" class="lightbox-link">
+<a href="#image-0640d65e21fc54b1f030fd23290e8961" class="lightbox-link">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;classes=bg-white" alt="Minion" class="bg-white" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-aca00c46136a47a208b25a91ff011c63">
+<a href="javascript:history.back();" class="lightbox" id="image-0640d65e21fc54b1f030fd23290e8961">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;classes=bg-white" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -679,10 +679,10 @@ line 3 o' code
 <p>
 		
 		
-<a href="#image-1520340e6b090aca284426aabbaa643b" class="lightbox-link">
+<a href="#image-2e07703757d2c0dc5dd7457acf89dc61" class="lightbox-link">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw&amp;classes=bg-white" alt="Minion" class="bg-white" style="height: 50px; width: 40vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-1520340e6b090aca284426aabbaa643b">
+<a href="javascript:history.back();" class="lightbox" id="image-2e07703757d2c0dc5dd7457acf89dc61">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw&amp;classes=bg-white" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -697,10 +697,10 @@ line 3 o' code
   <div class="box-content">
 <p>
 		
-<a href="#image-12c31d61347c33233af3a004afd62776" class="lightbox-link">
+<a href="#image-0d157526dd4ee22d8bf6f48b8980d63f" class="lightbox-link">
 <img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,bg-white" alt="Spidertocat" class="shadow bg-white" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-12c31d61347c33233af3a004afd62776">
+<a href="javascript:history.back();" class="lightbox" id="image-0d157526dd4ee22d8bf6f48b8980d63f">
 <img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,bg-white" alt="Spidertocat" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -713,10 +713,10 @@ line 3 o' code
   <div class="box-content">
 <p>
 		
-<a href="#image-3358bb4b861275b709beb7111bc3c8b1" class="lightbox-link">
+<a href="#image-b2f963c0fc9c45435bdabbc9978703b7" class="lightbox-link">
 <img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border" alt="DrOctocat" class="border" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-3358bb4b861275b709beb7111bc3c8b1">
+<a href="javascript:history.back();" class="lightbox" id="image-b2f963c0fc9c45435bdabbc9978703b7">
 <img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border" alt="DrOctocat" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -729,10 +729,10 @@ line 3 o' code
   <div class="box-content">
 <p>
 		
-<a href="#image-79701f2c6f0dcdc8f7ac5585c8debd35" class="lightbox-link">
+<a href="#image-5cf197b250188644031737c36fd5ebd7" class="lightbox-link">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="left" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-79701f2c6f0dcdc8f7ac5585c8debd35">
+<a href="javascript:history.back();" class="lightbox" id="image-5cf197b250188644031737c36fd5ebd7">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -745,10 +745,10 @@ line 3 o' code
   <div class="box-content">
 <p>
 		
-<a href="#image-bda05c12fd39bc3b7d9e5a6de91f6cb4" class="lightbox-link">
+<a href="#image-a448a03ac551fc5e1a7eb832451ee29a" class="lightbox-link">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="right" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-bda05c12fd39bc3b7d9e5a6de91f6cb4">
+<a href="javascript:history.back();" class="lightbox" id="image-a448a03ac551fc5e1a7eb832451ee29a">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -764,34 +764,34 @@ line 3 o' code
   <div class="box-content">
 <p>
 		
-<a href="#image-71ee804d79fe7be5f896d6ab522996aa" class="lightbox-link">
+<a href="#image-7fd9776eac26f46224bcfdc9e302ead1" class="lightbox-link">
 <img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline,bg-white" alt="Spidertocat" class="inline bg-white" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-71ee804d79fe7be5f896d6ab522996aa">
+<a href="javascript:history.back();" class="lightbox" id="image-7fd9776eac26f46224bcfdc9e302ead1">
 <img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline,bg-white" alt="Spidertocat" class="lightbox-image" loading="lazy">
 </a>
 
 		
-<a href="#image-42ffff788db4fcb2ee994c75d68e8ae8" class="lightbox-link">
+<a href="#image-f3536ddd2cca8074ef563b1238b21ca4" class="lightbox-link">
 <img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="inline" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-42ffff788db4fcb2ee994c75d68e8ae8">
+<a href="javascript:history.back();" class="lightbox" id="image-f3536ddd2cca8074ef563b1238b21ca4">
 <img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image" loading="lazy">
 </a>
 
 		
-<a href="#image-d020ca3c4a26d0f50a9e754f17da27ee" class="lightbox-link">
+<a href="#image-6d1be212317bd51fe56dd079ada6353f" class="lightbox-link">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="inline" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-d020ca3c4a26d0f50a9e754f17da27ee">
+<a href="javascript:history.back();" class="lightbox" id="image-6d1be212317bd51fe56dd079ada6353f">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image" loading="lazy">
 </a>
 
 		
-<a href="#image-5d36b911b89e13c55cae6139859886d2" class="lightbox-link">
+<a href="#image-2325858e001960ec06663272ea424637" class="lightbox-link">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="inline" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-5d36b911b89e13c55cae6139859886d2">
+<a href="javascript:history.back();" class="lightbox" id="image-2325858e001960ec06663272ea424637">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -804,10 +804,10 @@ line 3 o' code
   <div class="box-content">
 <p>
 		
-<a href="#image-d3d641b925d326c6b2538f8069507ac2" class="lightbox-link">
+<a href="#image-dbf3c6559fe4a9f9c52dc597b4d0df38" class="lightbox-link">
 <img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="shadow border left" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-d3d641b925d326c6b2538f8069507ac2">
+<a href="javascript:history.back();" class="lightbox" id="image-dbf3c6559fe4a9f9c52dc597b4d0df38">
 <img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -832,8 +832,8 @@ line 3 o' code
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1676326938" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326938" defer></script>
-    <script src="../../../js/theme.js?1676326938" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402970" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402970" defer></script>
+    <script src="../../../js/theme.js?1676402970" defer></script>
   </body>
 </html>
diff --git a/pir/cont/menushortcuts/index.html b/pir/cont/menushortcuts/index.html
index c157ec97ff..2d269f9c42 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?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326936" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326936" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326936" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326936" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326936" rel="stylesheet">
-    <link href="../../../css/print.css?1676326936" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1676326936" rel="stylesheet">
-    <script src="../../../js/url.js?1676326936"></script>
-    <script src="../../../js/variant.js?1676326936"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402968" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402968" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402968" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402968" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402968" rel="stylesheet">
+    <link href="../../../css/print.css?1676402968" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1676402968" rel="stylesheet">
+    <script src="../../../js/url.js?1676402968"></script>
+    <script src="../../../js/variant.js?1676402968"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -235,12 +235,12 @@ However, if ye want t' keep th' title but change its value, it can be overridden
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -248,33 +248,33 @@ However, if ye want t' keep th' title but change its value, it can be overridden
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -297,12 +297,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?1676326936" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1676326936" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676326936" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1676326936" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1676326936" defer></script>
-        <script src="../../../js/search.js?1676326936" defer></script>
+        <script src="../../../js/auto-complete.js?1676402968" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1676402968" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676402968" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1676402968" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1676402968" defer></script>
+        <script src="../../../js/search.js?1676402968" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -402,14 +402,14 @@ However, if ye want t' keep th' title but change its value, it can be overridden
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -419,12 +419,12 @@ However, if ye want t' keep th' title but change its value, it can be overridden
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1676326936"></script>
+          <script async src="../../../js/buttons.js?1676402968"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1676326936" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326936" defer></script>
-    <script src="../../../js/theme.js?1676326936" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402968" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402968" defer></script>
+    <script src="../../../js/theme.js?1676402968" defer></script>
   </body>
 </html>
diff --git a/pir/cont/menushortcuts/index.print.html b/pir/cont/menushortcuts/index.print.html
index bca6392079..fb2d146e32 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?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326938" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326938" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326938" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326938" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326938" rel="stylesheet">
-    <link href="../../../css/print.css?1676326938" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1676326938" rel="stylesheet">
-    <link href="../../../css/ie.css?1676326938" rel="stylesheet">
-    <script src="../../../js/url.js?1676326938"></script>
-    <script src="../../../js/variant.js?1676326938"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402970" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402970" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402970" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402970" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402970" rel="stylesheet">
+    <link href="../../../css/print.css?1676402970" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1676402970" rel="stylesheet">
+    <link href="../../../css/ie.css?1676402970" rel="stylesheet">
+    <script src="../../../js/url.js?1676402970"></script>
+    <script src="../../../js/variant.js?1676402970"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -193,8 +193,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?1676326938" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326938" defer></script>
-    <script src="../../../js/theme.js?1676326938" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402970" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402970" defer></script>
+    <script src="../../../js/theme.js?1676402970" defer></script>
   </body>
 </html>
diff --git a/pir/cont/pages/index.html b/pir/cont/pages/index.html
index 48e942b818..ddb9ebb700 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?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326936" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326936" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326936" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326936" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326936" rel="stylesheet">
-    <link href="../../../css/print.css?1676326936" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1676326936" rel="stylesheet">
-    <script src="../../../js/url.js?1676326936"></script>
-    <script src="../../../js/variant.js?1676326936"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402968" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402968" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402968" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402968" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402968" rel="stylesheet">
+    <link href="../../../css/print.css?1676402968" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1676402968" rel="stylesheet">
+    <script src="../../../js/url.js?1676402968"></script>
+    <script src="../../../js/variant.js?1676402968"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -185,11 +185,11 @@
 </span></span><span class="line"><span class="cl"><span class="err">+++</span>
 </span></span></code></pre></div><p>
 		
-<a href="#image-5373f460e7faeb383c7b47431db4ef4c" class="lightbox-link">
-<img src="../../../cont/pages/frontmatter-icon.png?classes=shadow&amp;width=300px" alt="Title wit' icon" class="shadow" style="height: auto; width: 300px;" loading="lazy">
+<a href="#image-c8e2494141e924454b1fbc9cd767c6e8" class="lightbox-link">
+<img src="../../../cont/pages/frontmatter-icon.png?classes=shadow&amp;width=18.75rem" alt="Title wit' icon" class="shadow" style="height: auto; width: 18.75rem;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-5373f460e7faeb383c7b47431db4ef4c">
-<img src="../../../cont/pages/frontmatter-icon.png?classes=shadow&amp;width=300px" alt="Title wit' icon" class="lightbox-image" loading="lazy">
+<a href="javascript:history.back();" class="lightbox" id="image-c8e2494141e924454b1fbc9cd767c6e8">
+<img src="../../../cont/pages/frontmatter-icon.png?classes=shadow&amp;width=18.75rem" alt="Title wit' icon" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="ordering-sibling-menupage-entries">Order'n sibl'n menu/page entries</h3>
 <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>
@@ -243,12 +243,12 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -256,33 +256,33 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -305,12 +305,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?1676326937" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1676326937" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676326937" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1676326937" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1676326937" defer></script>
-        <script src="../../../js/search.js?1676326937" defer></script>
+        <script src="../../../js/auto-complete.js?1676402970" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1676402970" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676402970" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1676402970" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1676402970" defer></script>
+        <script src="../../../js/search.js?1676402970" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -410,14 +410,14 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -427,12 +427,12 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1676326937"></script>
+          <script async src="../../../js/buttons.js?1676402970"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1676326937" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326937" defer></script>
-    <script src="../../../js/theme.js?1676326937" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402970" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402970" defer></script>
+    <script src="../../../js/theme.js?1676402970" defer></script>
   </body>
 </html>
diff --git a/pir/cont/pages/index.print.html b/pir/cont/pages/index.print.html
index 7084b41c0f..b200d1f3cc 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?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326938" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326938" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326938" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326938" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326938" rel="stylesheet">
-    <link href="../../../css/print.css?1676326938" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1676326938" rel="stylesheet">
-    <link href="../../../css/ie.css?1676326938" rel="stylesheet">
-    <script src="../../../js/url.js?1676326938"></script>
-    <script src="../../../js/variant.js?1676326938"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402970" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402970" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402970" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402970" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402970" rel="stylesheet">
+    <link href="../../../css/print.css?1676402970" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1676402970" rel="stylesheet">
+    <link href="../../../css/ie.css?1676402970" rel="stylesheet">
+    <script src="../../../js/url.js?1676402970"></script>
+    <script src="../../../js/variant.js?1676402970"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -151,11 +151,11 @@
 </span></span><span class="line"><span class="cl"><span class="err">+++</span>
 </span></span></code></pre></div><p>
 		
-<a href="#image-5373f460e7faeb383c7b47431db4ef4c" class="lightbox-link">
-<img src="../../../cont/pages/frontmatter-icon.png?classes=shadow&amp;width=300px" alt="Title wit' icon" class="shadow" style="height: auto; width: 300px;" loading="lazy">
+<a href="#image-c8e2494141e924454b1fbc9cd767c6e8" class="lightbox-link">
+<img src="../../../cont/pages/frontmatter-icon.png?classes=shadow&amp;width=18.75rem" alt="Title wit' icon" class="shadow" style="height: auto; width: 18.75rem;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-5373f460e7faeb383c7b47431db4ef4c">
-<img src="../../../cont/pages/frontmatter-icon.png?classes=shadow&amp;width=300px" alt="Title wit' icon" class="lightbox-image" loading="lazy">
+<a href="javascript:history.back();" class="lightbox" id="image-c8e2494141e924454b1fbc9cd767c6e8">
+<img src="../../../cont/pages/frontmatter-icon.png?classes=shadow&amp;width=18.75rem" alt="Title wit' icon" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="ordering-sibling-menupage-entries">Order'n sibl'n menu/page entries</h3>
 <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>
@@ -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?1676326938" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326938" defer></script>
-    <script src="../../../js/theme.js?1676326938" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402971" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402971" defer></script>
+    <script src="../../../js/theme.js?1676402971" defer></script>
   </body>
 </html>
diff --git a/pir/cont/syntaxhighlight/index.html b/pir/cont/syntaxhighlight/index.html
index e86b27cf61..530d7d51fb 100644
--- a/pir/cont/syntaxhighlight/index.html
+++ b/pir/cont/syntaxhighlight/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/syntaxhighlight/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/cont/syntaxhighlight/index.xml" rel="alternate" type="application/rss+xml" title="Code highlight&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/cont/syntaxhighlight/index.print.html" rel="alternate" type="text/html" title="Code highlight&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326936" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326936" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326936" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326936" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326936" rel="stylesheet">
-    <link href="../../../css/print.css?1676326936" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1676326936" rel="stylesheet">
-    <script src="../../../js/url.js?1676326936"></script>
-    <script src="../../../js/variant.js?1676326936"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402968" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402968" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402968" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402968" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402968" rel="stylesheet">
+    <link href="../../../css/print.css?1676402968" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1676402968" rel="stylesheet">
+    <script src="../../../js/url.js?1676402968"></script>
+    <script src="../../../js/variant.js?1676402968"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -173,12 +173,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -186,33 +186,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -235,12 +235,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1676326936" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1676326936" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676326936" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1676326936" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1676326936" defer></script>
-        <script src="../../../js/search.js?1676326936" defer></script>
+        <script src="../../../js/auto-complete.js?1676402968" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1676402968" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676402968" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1676402968" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1676402968" defer></script>
+        <script src="../../../js/search.js?1676402968" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -340,14 +340,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -357,12 +357,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1676326936"></script>
+          <script async src="../../../js/buttons.js?1676402968"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1676326936" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326936" defer></script>
-    <script src="../../../js/theme.js?1676326936" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402968" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402968" defer></script>
+    <script src="../../../js/theme.js?1676402968" defer></script>
   </body>
 </html>
diff --git a/pir/cont/syntaxhighlight/index.print.html b/pir/cont/syntaxhighlight/index.print.html
index f31999e04b..f67854d60e 100644
--- a/pir/cont/syntaxhighlight/index.print.html
+++ b/pir/cont/syntaxhighlight/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/syntaxhighlight/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/syntaxhighlight/index.html" rel="canonical" type="text/html" title="Code highlight&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/cont/syntaxhighlight/index.xml" rel="alternate" type="application/rss+xml" title="Code highlight&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326938" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326938" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326938" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326938" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326938" rel="stylesheet">
-    <link href="../../../css/print.css?1676326938" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1676326938" rel="stylesheet">
-    <link href="../../../css/ie.css?1676326938" rel="stylesheet">
-    <script src="../../../js/url.js?1676326938"></script>
-    <script src="../../../js/variant.js?1676326938"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402970" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402970" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402970" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402970" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402970" rel="stylesheet">
+    <link href="../../../css/print.css?1676402970" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1676402970" rel="stylesheet">
+    <link href="../../../css/ie.css?1676402970" rel="stylesheet">
+    <script src="../../../js/url.js?1676402970"></script>
+    <script src="../../../js/variant.js?1676402970"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -130,8 +130,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1676326938" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326938" defer></script>
-    <script src="../../../js/theme.js?1676326938" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402970" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402970" defer></script>
+    <script src="../../../js/theme.js?1676402970" defer></script>
   </body>
 </html>
diff --git a/pir/cont/tags/index.html b/pir/cont/tags/index.html
index 11f48ece1d..d4f450a6ee 100644
--- a/pir/cont/tags/index.html
+++ b/pir/cont/tags/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/tags/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/cont/tags/index.xml" rel="alternate" type="application/rss+xml" title="Tags :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/cont/tags/index.print.html" rel="alternate" type="text/html" title="Tags :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326936" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326936" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326936" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326936" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326936" rel="stylesheet">
-    <link href="../../../css/print.css?1676326936" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1676326936" rel="stylesheet">
-    <script src="../../../js/url.js?1676326936"></script>
-    <script src="../../../js/variant.js?1676326936"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402968" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402968" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402968" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402968" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402968" rel="stylesheet">
+    <link href="../../../css/print.css?1676402968" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1676402968" rel="stylesheet">
+    <script src="../../../js/url.js?1676402968"></script>
+    <script src="../../../js/variant.js?1676402968"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -149,12 +149,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -162,33 +162,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -211,12 +211,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1676326936" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1676326936" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676326936" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1676326936" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1676326936" defer></script>
-        <script src="../../../js/search.js?1676326936" defer></script>
+        <script src="../../../js/auto-complete.js?1676402968" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1676402968" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676402968" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1676402968" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1676402968" defer></script>
+        <script src="../../../js/search.js?1676402968" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -316,14 +316,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -333,12 +333,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1676326936"></script>
+          <script async src="../../../js/buttons.js?1676402968"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1676326936" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326936" defer></script>
-    <script src="../../../js/theme.js?1676326936" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402968" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402968" defer></script>
+    <script src="../../../js/theme.js?1676402968" defer></script>
   </body>
 </html>
diff --git a/pir/cont/tags/index.print.html b/pir/cont/tags/index.print.html
index ba9e28f4a4..d2597ba3a4 100644
--- a/pir/cont/tags/index.print.html
+++ b/pir/cont/tags/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/tags/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/cont/tags/index.html" rel="canonical" type="text/html" title="Tags :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/cont/tags/index.xml" rel="alternate" type="application/rss+xml" title="Tags :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326938" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326938" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326938" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326938" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326938" rel="stylesheet">
-    <link href="../../../css/print.css?1676326938" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1676326938" rel="stylesheet">
-    <link href="../../../css/ie.css?1676326938" rel="stylesheet">
-    <script src="../../../js/url.js?1676326938"></script>
-    <script src="../../../js/variant.js?1676326938"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402970" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402970" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402970" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402970" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402970" rel="stylesheet">
+    <link href="../../../css/print.css?1676402970" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1676402970" rel="stylesheet">
+    <link href="../../../css/ie.css?1676402970" rel="stylesheet">
+    <script src="../../../js/url.js?1676402970"></script>
+    <script src="../../../js/variant.js?1676402970"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -106,8 +106,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1676326938" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326938" defer></script>
-    <script src="../../../js/theme.js?1676326938" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402970" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402970" defer></script>
+    <script src="../../../js/theme.js?1676402970" defer></script>
   </body>
 </html>
diff --git a/pir/dev/contributing/index.html b/pir/dev/contributing/index.html
index 64b963bc46..137ff987d1 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?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326936" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326936" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326936" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326936" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326936" rel="stylesheet">
-    <link href="../../../css/print.css?1676326936" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1676326936" rel="stylesheet">
-    <script src="../../../js/url.js?1676326936"></script>
-    <script src="../../../js/variant.js?1676326936"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402968" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402968" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402968" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402968" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402968" rel="stylesheet">
+    <link href="../../../css/print.css?1676402968" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1676402968" rel="stylesheet">
+    <script src="../../../js/url.js?1676402968"></script>
+    <script src="../../../js/variant.js?1676402968"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -243,12 +243,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -256,33 +256,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -305,12 +305,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1676326937" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1676326937" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676326937" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1676326937" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1676326937" defer></script>
-        <script src="../../../js/search.js?1676326937" defer></script>
+        <script src="../../../js/auto-complete.js?1676402970" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1676402970" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676402970" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1676402970" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1676402970" defer></script>
+        <script src="../../../js/search.js?1676402970" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -414,14 +414,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -431,12 +431,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1676326937"></script>
+          <script async src="../../../js/buttons.js?1676402970"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1676326937" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326937" defer></script>
-    <script src="../../../js/theme.js?1676326937" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402970" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402970" defer></script>
+    <script src="../../../js/theme.js?1676402970" defer></script>
   </body>
 </html>
diff --git a/pir/dev/contributing/index.print.html b/pir/dev/contributing/index.print.html
index 79312fd7aa..323fb56983 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?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326938" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326938" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326938" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326938" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326938" rel="stylesheet">
-    <link href="../../../css/print.css?1676326938" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1676326938" rel="stylesheet">
-    <link href="../../../css/ie.css?1676326938" rel="stylesheet">
-    <script src="../../../js/url.js?1676326938"></script>
-    <script src="../../../js/variant.js?1676326938"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402970" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402970" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402970" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402970" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402970" rel="stylesheet">
+    <link href="../../../css/print.css?1676402970" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1676402970" rel="stylesheet">
+    <link href="../../../css/ie.css?1676402970" rel="stylesheet">
+    <script src="../../../js/url.js?1676402970"></script>
+    <script src="../../../js/variant.js?1676402970"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -201,8 +201,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1676326938" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326938" defer></script>
-    <script src="../../../js/theme.js?1676326938" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402971" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402971" defer></script>
+    <script src="../../../js/theme.js?1676402971" defer></script>
   </body>
 </html>
diff --git a/pir/dev/index.html b/pir/dev/index.html
index 29efa8f35f..3d5161fff9 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?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1676326936" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1676326936" rel="stylesheet">
-    <link href="../../css/fonts.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1676326936" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1676326936" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1676326936" rel="stylesheet">
-    <link href="../../css/print.css?1676326936" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1676326936" rel="stylesheet">
-    <script src="../../js/url.js?1676326936"></script>
-    <script src="../../js/variant.js?1676326936"></script>
+    <link href="../../css/fontawesome-all.min.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1676402968" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1676402968" rel="stylesheet">
+    <link href="../../css/fonts.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1676402968" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1676402968" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1676402968" rel="stylesheet">
+    <link href="../../css/print.css?1676402968" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1676402968" rel="stylesheet">
+    <script src="../../js/url.js?1676402968"></script>
+    <script src="../../js/variant.js?1676402968"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -123,12 +123,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -136,33 +136,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -185,12 +185,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1676326937" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1676326937" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1676326937" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1676326937" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1676326937" defer></script>
-        <script src="../../js/search.js?1676326937" defer></script>
+        <script src="../../js/auto-complete.js?1676402970" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1676402970" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1676402970" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1676402970" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1676402970" defer></script>
+        <script src="../../js/search.js?1676402970" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -294,14 +294,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -311,12 +311,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1676326937"></script>
+          <script async src="../../js/buttons.js?1676402970"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1676326937" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1676326937" defer></script>
-    <script src="../../js/theme.js?1676326937" defer></script>
+    <script src="../../js/clipboard.min.js?1676402970" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1676402970" defer></script>
+    <script src="../../js/theme.js?1676402970" defer></script>
   </body>
 </html>
diff --git a/pir/dev/index.print.html b/pir/dev/index.print.html
index 380a5332b5..e92656f200 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?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1676326938" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1676326938" rel="stylesheet">
-    <link href="../../css/fonts.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1676326938" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1676326938" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1676326938" rel="stylesheet">
-    <link href="../../css/print.css?1676326938" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1676326938" rel="stylesheet">
-    <link href="../../css/ie.css?1676326938" rel="stylesheet">
-    <script src="../../js/url.js?1676326938"></script>
-    <script src="../../js/variant.js?1676326938"></script>
+    <link href="../../css/fontawesome-all.min.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1676402970" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1676402970" rel="stylesheet">
+    <link href="../../css/fonts.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1676402970" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1676402970" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1676402970" rel="stylesheet">
+    <link href="../../css/print.css?1676402970" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1676402970" rel="stylesheet">
+    <link href="../../css/ie.css?1676402970" rel="stylesheet">
+    <script src="../../js/url.js?1676402970"></script>
+    <script src="../../js/variant.js?1676402970"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -452,10 +452,10 @@
 <p>
 		
 		
-<a href="#image-dca33a159a3a7b65456e7623b0f38bbd" class="lightbox-link">
+<a href="#image-7c33c5db1943db9e2e627745a23b275f" class="lightbox-link">
 <img src="../../images/screenshot.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="Screenshot" class="shadow" style="height: 100%; width: 100%;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-dca33a159a3a7b65456e7623b0f38bbd">
+<a href="javascript:history.back();" class="lightbox" id="image-7c33c5db1943db9e2e627745a23b275f">
 <img src="../../images/screenshot.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="Screenshot" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="hero-image">Hero Image</h2>
@@ -489,20 +489,20 @@
 <p>
 		
 		
-<a href="#image-a6f27cb92fae7f0dea7bbf01136ea053" class="lightbox-link">
+<a href="#image-094239603388e231024b83108913263c" class="lightbox-link">
 <img src="../../images/hero.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="Hero" class="shadow" style="height: 100%; width: 100%;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-a6f27cb92fae7f0dea7bbf01136ea053">
+<a href="javascript:history.back();" class="lightbox" id="image-094239603388e231024b83108913263c">
 <img src="../../images/hero.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="Hero" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="preview-imagestnpng">Preview <code>images/tn.png</code></h3>
 <p>
 		
 		
-<a href="#image-ebed7021d798995fd91df8568ad9bc15" class="lightbox-link">
+<a href="#image-188044389a0d57f0181de5987f1ba0db" class="lightbox-link">
 <img src="../../images/tn.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="tn" class="shadow" style="height: 100%; width: 100%;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-ebed7021d798995fd91df8568ad9bc15">
+<a href="javascript:history.back();" class="lightbox" id="image-188044389a0d57f0181de5987f1ba0db">
 <img src="../../images/tn.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="tn" class="lightbox-image" loading="lazy">
 </a></p>
 
@@ -514,8 +514,8 @@
           </section>        </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1676326938" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1676326938" defer></script>
-    <script src="../../js/theme.js?1676326938" defer></script>
+    <script src="../../js/clipboard.min.js?1676402971" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1676402971" defer></script>
+    <script src="../../js/theme.js?1676402971" defer></script>
   </body>
 </html>
diff --git a/pir/dev/maintaining/index.html b/pir/dev/maintaining/index.html
index 8ae4bd051d..4757f627fb 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?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326936" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326936" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326936" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326936" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326936" rel="stylesheet">
-    <link href="../../../css/print.css?1676326936" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1676326936" rel="stylesheet">
-    <script src="../../../js/url.js?1676326936"></script>
-    <script src="../../../js/variant.js?1676326936"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402968" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402968" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402968" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402968" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402968" rel="stylesheet">
+    <link href="../../../css/print.css?1676402968" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1676402968" rel="stylesheet">
+    <script src="../../../js/url.js?1676402968"></script>
+    <script src="../../../js/variant.js?1676402968"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -322,12 +322,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -335,33 +335,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -384,12 +384,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1676326937" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1676326937" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676326937" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1676326937" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1676326937" defer></script>
-        <script src="../../../js/search.js?1676326937" defer></script>
+        <script src="../../../js/auto-complete.js?1676402970" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1676402970" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676402970" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1676402970" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1676402970" defer></script>
+        <script src="../../../js/search.js?1676402970" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -493,14 +493,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -510,12 +510,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1676326937"></script>
+          <script async src="../../../js/buttons.js?1676402970"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1676326937" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326937" defer></script>
-    <script src="../../../js/theme.js?1676326937" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402970" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402970" defer></script>
+    <script src="../../../js/theme.js?1676402970" defer></script>
   </body>
 </html>
diff --git a/pir/dev/maintaining/index.print.html b/pir/dev/maintaining/index.print.html
index e54a4fd662..5d8668ad9a 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?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326938" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326938" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326938" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326938" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326938" rel="stylesheet">
-    <link href="../../../css/print.css?1676326938" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1676326938" rel="stylesheet">
-    <link href="../../../css/ie.css?1676326938" rel="stylesheet">
-    <script src="../../../js/url.js?1676326938"></script>
-    <script src="../../../js/variant.js?1676326938"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402970" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402970" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402970" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402970" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402970" rel="stylesheet">
+    <link href="../../../css/print.css?1676402970" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1676402970" rel="stylesheet">
+    <link href="../../../css/ie.css?1676402970" rel="stylesheet">
+    <script src="../../../js/url.js?1676402970"></script>
+    <script src="../../../js/variant.js?1676402970"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -269,8 +269,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1676326938" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326938" defer></script>
-    <script src="../../../js/theme.js?1676326938" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402971" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402971" defer></script>
+    <script src="../../../js/theme.js?1676402971" defer></script>
   </body>
 </html>
diff --git a/pir/dev/screenshots/index.html b/pir/dev/screenshots/index.html
index 11e3d590e0..149f8145fa 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?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326936" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326936" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326936" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326936" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326936" rel="stylesheet">
-    <link href="../../../css/print.css?1676326936" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1676326936" rel="stylesheet">
-    <script src="../../../js/url.js?1676326936"></script>
-    <script src="../../../js/variant.js?1676326936"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402968" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402968" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402968" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402968" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402968" rel="stylesheet">
+    <link href="../../../css/print.css?1676402968" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1676402968" rel="stylesheet">
+    <script src="../../../js/url.js?1676402968"></script>
+    <script src="../../../js/variant.js?1676402968"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -146,10 +146,10 @@
 <p>
 		
 		
-<a href="#image-dca33a159a3a7b65456e7623b0f38bbd" class="lightbox-link">
+<a href="#image-7c33c5db1943db9e2e627745a23b275f" class="lightbox-link">
 <img src="../../../images/screenshot.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="Screenshot" class="shadow" style="height: 100%; width: 100%;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-dca33a159a3a7b65456e7623b0f38bbd">
+<a href="javascript:history.back();" class="lightbox" id="image-7c33c5db1943db9e2e627745a23b275f">
 <img src="../../../images/screenshot.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="Screenshot" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="hero-image">Hero Image</h2>
@@ -183,20 +183,20 @@
 <p>
 		
 		
-<a href="#image-a6f27cb92fae7f0dea7bbf01136ea053" class="lightbox-link">
+<a href="#image-094239603388e231024b83108913263c" class="lightbox-link">
 <img src="../../../images/hero.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="Hero" class="shadow" style="height: 100%; width: 100%;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-a6f27cb92fae7f0dea7bbf01136ea053">
+<a href="javascript:history.back();" class="lightbox" id="image-094239603388e231024b83108913263c">
 <img src="../../../images/hero.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="Hero" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="preview-imagestnpng">Preview <code>images/tn.png</code></h3>
 <p>
 		
 		
-<a href="#image-ebed7021d798995fd91df8568ad9bc15" class="lightbox-link">
+<a href="#image-188044389a0d57f0181de5987f1ba0db" class="lightbox-link">
 <img src="../../../images/tn.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="tn" class="shadow" style="height: 100%; width: 100%;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-ebed7021d798995fd91df8568ad9bc15">
+<a href="javascript:history.back();" class="lightbox" id="image-188044389a0d57f0181de5987f1ba0db">
 <img src="../../../images/tn.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="tn" class="lightbox-image" loading="lazy">
 </a></p>
 
@@ -223,12 +223,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -236,33 +236,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -285,12 +285,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1676326937" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1676326937" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676326937" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1676326937" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1676326937" defer></script>
-        <script src="../../../js/search.js?1676326937" defer></script>
+        <script src="../../../js/auto-complete.js?1676402970" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1676402970" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676402970" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1676402970" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1676402970" defer></script>
+        <script src="../../../js/search.js?1676402970" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -394,14 +394,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -411,12 +411,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1676326937"></script>
+          <script async src="../../../js/buttons.js?1676402970"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1676326937" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326937" defer></script>
-    <script src="../../../js/theme.js?1676326937" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402970" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402970" defer></script>
+    <script src="../../../js/theme.js?1676402970" defer></script>
   </body>
 </html>
diff --git a/pir/dev/screenshots/index.print.html b/pir/dev/screenshots/index.print.html
index 1270d947c6..589f1d7f30 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?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326938" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326938" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326938" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326938" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326938" rel="stylesheet">
-    <link href="../../../css/print.css?1676326938" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1676326938" rel="stylesheet">
-    <link href="../../../css/ie.css?1676326938" rel="stylesheet">
-    <script src="../../../js/url.js?1676326938"></script>
-    <script src="../../../js/variant.js?1676326938"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402970" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402970" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402970" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402970" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402970" rel="stylesheet">
+    <link href="../../../css/print.css?1676402970" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1676402970" rel="stylesheet">
+    <link href="../../../css/ie.css?1676402970" rel="stylesheet">
+    <script src="../../../js/url.js?1676402970"></script>
+    <script src="../../../js/variant.js?1676402970"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -110,10 +110,10 @@
 <p>
 		
 		
-<a href="#image-dca33a159a3a7b65456e7623b0f38bbd" class="lightbox-link">
+<a href="#image-7c33c5db1943db9e2e627745a23b275f" class="lightbox-link">
 <img src="../../../images/screenshot.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="Screenshot" class="shadow" style="height: 100%; width: 100%;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-dca33a159a3a7b65456e7623b0f38bbd">
+<a href="javascript:history.back();" class="lightbox" id="image-7c33c5db1943db9e2e627745a23b275f">
 <img src="../../../images/screenshot.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="Screenshot" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="hero-image">Hero Image</h2>
@@ -147,20 +147,20 @@
 <p>
 		
 		
-<a href="#image-a6f27cb92fae7f0dea7bbf01136ea053" class="lightbox-link">
+<a href="#image-094239603388e231024b83108913263c" class="lightbox-link">
 <img src="../../../images/hero.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="Hero" class="shadow" style="height: 100%; width: 100%;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-a6f27cb92fae7f0dea7bbf01136ea053">
+<a href="javascript:history.back();" class="lightbox" id="image-094239603388e231024b83108913263c">
 <img src="../../../images/hero.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="Hero" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="preview-imagestnpng">Preview <code>images/tn.png</code></h3>
 <p>
 		
 		
-<a href="#image-ebed7021d798995fd91df8568ad9bc15" class="lightbox-link">
+<a href="#image-188044389a0d57f0181de5987f1ba0db" class="lightbox-link">
 <img src="../../../images/tn.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="tn" class="shadow" style="height: 100%; width: 100%;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-ebed7021d798995fd91df8568ad9bc15">
+<a href="javascript:history.back();" class="lightbox" id="image-188044389a0d57f0181de5987f1ba0db">
 <img src="../../../images/tn.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="tn" class="lightbox-image" loading="lazy">
 </a></p>
 
@@ -171,8 +171,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1676326938" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326938" defer></script>
-    <script src="../../../js/theme.js?1676326938" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402971" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402971" defer></script>
+    <script src="../../../js/theme.js?1676402971" defer></script>
   </body>
 </html>
diff --git a/pir/index.html b/pir/index.html
index 4a5a01dda8..22ad9fd135 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?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1676326936" rel="stylesheet">
-    <link href="../css/auto-complete.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1676326936" rel="stylesheet">
-    <link href="../css/fonts.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1676326936" rel="stylesheet">
-    <link href="../css/theme-auto.css?1676326936" rel="stylesheet" id="variant-style">
-    <link href="../css/variant.css?1676326936" rel="stylesheet">
-    <link href="../css/print.css?1676326936" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1676326936" rel="stylesheet">
-    <script src="../js/url.js?1676326936"></script>
-    <script src="../js/variant.js?1676326936"></script>
+    <link href="../css/fontawesome-all.min.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1676402968" rel="stylesheet">
+    <link href="../css/auto-complete.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1676402968" rel="stylesheet">
+    <link href="../css/fonts.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1676402968" rel="stylesheet">
+    <link href="../css/theme-auto.css?1676402968" rel="stylesheet" id="variant-style">
+    <link href="../css/variant.css?1676402968" rel="stylesheet">
+    <link href="../css/print.css?1676402968" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1676402968" rel="stylesheet">
+    <script src="../js/url.js?1676402968"></script>
+    <script src="../js/variant.js?1676402968"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -114,10 +114,10 @@
 <p>A theme fer <a href="https://gohugo.io/" target="_blank">Cap'n Hugo</a> designed fer documentat'n.</p>
 <p><a href="../basics/migration/">★ What&rsquo;s new 'n th' latest release ★</a></p>
 <p>
-<a href="#image-a393c35c0a4ccb96c6f92088f1bc59b6" class="lightbox-link">
+<a href="#image-d8ddb21ce9923294662d035c133a94d3" class="lightbox-link">
 <img src="../images/hero.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="Image o' th' Relearrrn theme 'n light an' dark mode on phone, tablet an' desktop" class="shadow" style="height: auto; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-a393c35c0a4ccb96c6f92088f1bc59b6">
+<a href="javascript:history.back();" class="lightbox" id="image-d8ddb21ce9923294662d035c133a94d3">
 <img src="../images/hero.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="Image o' th' Relearrrn theme 'n light an' dark mode on phone, tablet an' desktop" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="motivation">Motivat'n</h2>
@@ -227,12 +227,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -240,33 +240,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -289,12 +289,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1676326937" defer></script>
-        <script src="../js/lunr/lunr.min.js?1676326937" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1676326937" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1676326937" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1676326937" defer></script>
-        <script src="../js/search.js?1676326937" defer></script>
+        <script src="../js/auto-complete.js?1676402969" defer></script>
+        <script src="../js/lunr/lunr.min.js?1676402969" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1676402969" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1676402969" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1676402969" defer></script>
+        <script src="../js/search.js?1676402969" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -394,14 +394,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -411,12 +411,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../js/buttons.js?1676326937"></script>
+          <script async src="../js/buttons.js?1676402969"></script>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1676326937" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1676326937" defer></script>
-    <script src="../js/theme.js?1676326937" defer></script>
+    <script src="../js/clipboard.min.js?1676402969" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1676402969" defer></script>
+    <script src="../js/theme.js?1676402969" defer></script>
   </body>
 </html>
diff --git a/pir/index.print.html b/pir/index.print.html
index 37f7691ca9..443b3d43c2 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?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1676326938" rel="stylesheet">
-    <link href="../css/auto-complete.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1676326938" rel="stylesheet">
-    <link href="../css/fonts.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1676326938" rel="stylesheet">
-    <link href="../css/theme-auto.css?1676326938" rel="stylesheet" id="variant-style">
-    <link href="../css/variant.css?1676326938" rel="stylesheet">
-    <link href="../css/print.css?1676326938" rel="stylesheet" media="print">
-    <link href="../css/format-print.css?1676326938" rel="stylesheet">
-    <link href="../css/ie.css?1676326938" rel="stylesheet">
-    <script src="../js/url.js?1676326938"></script>
-    <script src="../js/variant.js?1676326938"></script>
+    <link href="../css/fontawesome-all.min.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1676402970" rel="stylesheet">
+    <link href="../css/auto-complete.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1676402970" rel="stylesheet">
+    <link href="../css/fonts.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1676402970" rel="stylesheet">
+    <link href="../css/theme-auto.css?1676402970" rel="stylesheet" id="variant-style">
+    <link href="../css/variant.css?1676402970" rel="stylesheet">
+    <link href="../css/print.css?1676402970" rel="stylesheet" media="print">
+    <link href="../css/format-print.css?1676402970" rel="stylesheet">
+    <link href="../css/ie.css?1676402970" rel="stylesheet">
+    <script src="../js/url.js?1676402970"></script>
+    <script src="../js/variant.js?1676402970"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -84,10 +84,10 @@
 <p>A 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-a393c35c0a4ccb96c6f92088f1bc59b6" class="lightbox-link">
+<a href="#image-d8ddb21ce9923294662d035c133a94d3" class="lightbox-link">
 <img src="../images/hero.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="Image o' th' Relearrrn theme 'n light an' dark mode on phone, tablet an' desktop" class="shadow" style="height: auto; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-a393c35c0a4ccb96c6f92088f1bc59b6">
+<a href="javascript:history.back();" class="lightbox" id="image-d8ddb21ce9923294662d035c133a94d3">
 <img src="../images/hero.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="Image o' th' Relearrrn theme 'n light an' dark mode on phone, tablet an' desktop" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="motivation">Motivat'n</h2>
@@ -789,10 +789,10 @@
 <p>Thanks t' th' simplicity o' Cap'n Hugo, this plank be as empty as this theme needs requirements.</p>
 <p>Just download at least version <span class="badge cstyle default badge-with-title"><span class="badge-title"><i class="fab fa-hackerrank"></i></span><span class="badge-content" style="background-color: fuchsia;">0.95.0</span></span> o' th' <a href="https://gohugo.io/getting-started/installing/" target="_blank">Cap'n Hugo binary</a> fer yer OS (Windows, Linux, Mac).</p>
 <p>
-<a href="#image-1f6047129878c7f2379209ecd9adbb99" class="lightbox-link">
+<a href="#image-047cfae5bcf8c23c433babc97cc8caae" class="lightbox-link">
 <img src="../basics/requirements/magic.gif?classes=shadow" alt="Magic" class="shadow" style="height: auto; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-1f6047129878c7f2379209ecd9adbb99">
+<a href="javascript:history.back();" class="lightbox" id="image-047cfae5bcf8c23c433babc97cc8caae">
 <img src="../basics/requirements/magic.gif?classes=shadow" alt="Magic" class="lightbox-image" loading="lazy">
 </a></p>
 
@@ -836,10 +836,10 @@
 </span></span></code></pre></div><p>renders as</p>
 <p>
 		
-<a href="#image-4f15a21ba3fbe5795c2a9b066038582a" class="lightbox-link">
+<a href="#image-29a55569b90eeba999f2ce4070402d6a" class="lightbox-link">
 <img src="../basics/installation/chapter.png?classes=shadow&amp;width=60pc" alt="A Chapter" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-4f15a21ba3fbe5795c2a9b066038582a">
+<a href="javascript:history.back();" class="lightbox" id="image-29a55569b90eeba999f2ce4070402d6a">
 <img src="../basics/installation/chapter.png?classes=shadow&amp;width=60pc" alt="A Chapter" class="lightbox-image" loading="lazy">
 </a></p>
 <p>Th' Relearrrn theme provides archetypes t' create skeletons fer yer website. Begin by creat'n yer first chapter plank wit' th' follow'n command</p>
@@ -994,10 +994,10 @@
 </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-b39eea86e4b0f3bd1a4fc574f7933e81" class="lightbox-link">
+<a href="#image-c372c1cabea1ce1571a8e78b20ced530" class="lightbox-link">
 <img src="../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-b39eea86e4b0f3bd1a4fc574f7933e81">
+<a href="javascript:history.back();" class="lightbox" id="image-c372c1cabea1ce1571a8e78b20ced530">
 <img src="../basics/configuration/search_page.png?&amp;width=60pc" alt="Screenshot o' th' dedicated search page" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="activate-print-support">Activate print support</h2>
@@ -1046,11 +1046,11 @@ default values:</p>
 </span></span></code></pre></div><p>Th' home button be go'n t' look like this:</p>
 <p>
 		
-<a href="#image-0daf8574a936f7ff429afa14bf8bfadc" class="lightbox-link">
-<img src="../basics/configuration/home_button_defaults.png?classes=shadow&amp;width=300px" alt="Default Home Button" class="shadow" style="height: auto; width: 300px;" loading="lazy">
+<a href="#image-c8aa2c2137bf30192a10b2da02eae502" class="lightbox-link">
+<img src="../basics/configuration/home_button_defaults.png?classes=shadow&amp;width=18.75rem" alt="Default Home Button" class="shadow" style="height: auto; width: 18.75rem;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-0daf8574a936f7ff429afa14bf8bfadc">
-<img src="../basics/configuration/home_button_defaults.png?classes=shadow&amp;width=300px" alt="Default Home Button" class="lightbox-image" loading="lazy">
+<a href="javascript:history.back();" class="lightbox" id="image-c8aa2c2137bf30192a10b2da02eae502">
+<img src="../basics/configuration/home_button_defaults.png?classes=shadow&amp;width=18.75rem" alt="Default Home Button" class="lightbox-image" loading="lazy">
 </a></p>
 
 
@@ -2256,11 +2256,11 @@ window.variants && variants.generator( '#vargenerator' );
 </span></span><span class="line"><span class="cl"><span class="err">+++</span>
 </span></span></code></pre></div><p>
 		
-<a href="#image-5373f460e7faeb383c7b47431db4ef4c" class="lightbox-link">
-<img src="../cont/pages/frontmatter-icon.png?classes=shadow&amp;width=300px" alt="Title wit' icon" class="shadow" style="height: auto; width: 300px;" loading="lazy">
+<a href="#image-c8e2494141e924454b1fbc9cd767c6e8" class="lightbox-link">
+<img src="../cont/pages/frontmatter-icon.png?classes=shadow&amp;width=18.75rem" alt="Title wit' icon" class="shadow" style="height: auto; width: 18.75rem;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-5373f460e7faeb383c7b47431db4ef4c">
-<img src="../cont/pages/frontmatter-icon.png?classes=shadow&amp;width=300px" alt="Title wit' icon" class="lightbox-image" loading="lazy">
+<a href="javascript:history.back();" class="lightbox" id="image-c8e2494141e924454b1fbc9cd767c6e8">
+<img src="../cont/pages/frontmatter-icon.png?classes=shadow&amp;width=18.75rem" alt="Title wit' icon" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="ordering-sibling-menupage-entries">Order'n sibl'n menu/page entries</h3>
 <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>
@@ -2307,10 +2307,10 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
 <p>A <strong>Home</strong> plank be th' start'n plank o' yer project. It&rsquo;s best t' have only one plank o' this kind 'n yer project.</p>
 <p>
 		
-<a href="#image-a5fd4f08bb44cee0c7932c45d7b7f3a1" class="lightbox-link">
+<a href="#image-936e8301ff7775f5a0acc79a0519fbd4" class="lightbox-link">
 <img src="../cont/archetypes/pages-home.png?classes=shadow&amp;width=60pc" alt="Home page" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-a5fd4f08bb44cee0c7932c45d7b7f3a1">
+<a href="javascript:history.back();" class="lightbox" id="image-936e8301ff7775f5a0acc79a0519fbd4">
 <img src="../cont/archetypes/pages-home.png?classes=shadow&amp;width=60pc" alt="Home page" class="lightbox-image" loading="lazy">
 </a></p>
 <p>T' create a home plank, run th' follow'n command</p>
@@ -2326,10 +2326,10 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
 <p>A <strong>Chapter</strong> displays a plank meant t' be used as introduct'n fer a set o' child planks. Commonly, it contains a simple title an' a catch line t' define rrrambl'n that can be found below it.</p>
 <p>
 		
-<a href="#image-92d71502216944f6b0ec59d461d64925" class="lightbox-link">
+<a href="#image-015a3e868b96bf96b91ee4833abb657e" class="lightbox-link">
 <img src="../cont/archetypes/pages-chapter.png?classes=shadow&amp;width=60pc" alt="Chapter page" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-92d71502216944f6b0ec59d461d64925">
+<a href="javascript:history.back();" class="lightbox" id="image-015a3e868b96bf96b91ee4833abb657e">
 <img src="../cont/archetypes/pages-chapter.png?classes=shadow&amp;width=60pc" alt="Chapter page" class="lightbox-image" loading="lazy">
 </a></p>
 <p>T' create a chapter plank, run th' follow'n command</p>
@@ -2347,10 +2347,10 @@ We&rsquo;ve added th' <code>menuTitle</code> parameter fer that purpose:</p>
 <p>A <strong>Default</strong> plank be any other rrrambl'n plank. If ye set an unknown archetype 'n yer frontmatter, this archetype will be used t' generate th' plank.</p>
 <p>
 		
-<a href="#image-a2570ef4f499e2b75ff092873d3216e3" class="lightbox-link">
+<a href="#image-22a33d169f84fef07bc254609dbce9e8" class="lightbox-link">
 <img src="../cont/archetypes/pages-default.png?classes=shadow&amp;width=60pc" alt="Default page" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-a2570ef4f499e2b75ff092873d3216e3">
+<a href="javascript:history.back();" class="lightbox" id="image-22a33d169f84fef07bc254609dbce9e8">
 <img src="../cont/archetypes/pages-default.png?classes=shadow&amp;width=60pc" alt="Default page" class="lightbox-image" loading="lazy">
 </a></p>
 <p>T' create a default plank, run either one o' th' follow'n commands</p>
@@ -2926,10 +2926,10 @@ line 3 o' code
   <div class="box-content">
 <p>
 		
-<a href="#image-3d7602ae63a755744d8b22ba327a1ff2" class="lightbox-link">
+<a href="#image-44df9d3b8fc2fce3a0c34870d09a96d9" class="lightbox-link">
 <img src="https://octodex.github.com/images/spocktocat.png?width=20vw&amp;classes=bg-white" alt="Spock" class="bg-white" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-3d7602ae63a755744d8b22ba327a1ff2">
+<a href="javascript:history.back();" class="lightbox" id="image-44df9d3b8fc2fce3a0c34870d09a96d9">
 <img src="https://octodex.github.com/images/spocktocat.png?width=20vw&amp;classes=bg-white" alt="Spock" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -2943,10 +2943,10 @@ line 3 o' code
   <div class="box-content">
 <p>
 		
-<a href="#image-b31b88e43c4d05cf7d48551f926dbbd1" class="lightbox-link">
+<a href="#image-6fedd8247428938a469227179162705f" class="lightbox-link">
 <img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-b31b88e43c4d05cf7d48551f926dbbd1">
+<a href="javascript:history.back();" class="lightbox" id="image-6fedd8247428938a469227179162705f">
 <img src="https://octodex.github.com/images/jean-luc-picat.jpg?width=20vw" alt="Picard" title="Jean Luc Picard" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -2962,10 +2962,10 @@ line 3 o' code
   <div class="box-content">
 <p>
 		
-<a href="#image-1f1d2db9549dc16bc12f7a0e127e5201" class="lightbox-link">
+<a href="#image-ba142505133135d39602178e842c2fbf" class="lightbox-link">
 <img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-1f1d2db9549dc16bc12f7a0e127e5201">
+<a href="javascript:history.back();" class="lightbox" id="image-ba142505133135d39602178e842c2fbf">
 <img src="https://octodex.github.com/images/trekkie.jpg?width=20vw" alt="La Forge" title="Geordi La Forge" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -2981,10 +2981,10 @@ line 3 o' code
   <div class="box-content">
 <p>
 		
-<a href="#image-cd94ace4a0adb5526cd870cf2c815102" class="lightbox-link">
+<a href="#image-d8f698173ed67293bb023b72f21c2684" class="lightbox-link">
 <img src="https://octodex.github.com/images/minion.png?width=20vw&amp;classes=bg-white" alt="Minion" class="bg-white" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-cd94ace4a0adb5526cd870cf2c815102">
+<a href="javascript:history.back();" class="lightbox" id="image-d8f698173ed67293bb023b72f21c2684">
 <img src="https://octodex.github.com/images/minion.png?width=20vw&amp;classes=bg-white" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -2996,10 +2996,10 @@ line 3 o' code
   <div class="box-content">
 <p>
 		
-<a href="#image-aca00c46136a47a208b25a91ff011c63" class="lightbox-link">
+<a href="#image-0640d65e21fc54b1f030fd23290e8961" class="lightbox-link">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;classes=bg-white" alt="Minion" class="bg-white" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-aca00c46136a47a208b25a91ff011c63">
+<a href="javascript:history.back();" class="lightbox" id="image-0640d65e21fc54b1f030fd23290e8961">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;classes=bg-white" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -3012,10 +3012,10 @@ line 3 o' code
 <p>
 		
 		
-<a href="#image-1520340e6b090aca284426aabbaa643b" class="lightbox-link">
+<a href="#image-2e07703757d2c0dc5dd7457acf89dc61" class="lightbox-link">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw&amp;classes=bg-white" alt="Minion" class="bg-white" style="height: 50px; width: 40vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-1520340e6b090aca284426aabbaa643b">
+<a href="javascript:history.back();" class="lightbox" id="image-2e07703757d2c0dc5dd7457acf89dc61">
 <img src="https://octodex.github.com/images/minion.png?height=50px&amp;width=40vw&amp;classes=bg-white" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -3030,10 +3030,10 @@ line 3 o' code
   <div class="box-content">
 <p>
 		
-<a href="#image-12c31d61347c33233af3a004afd62776" class="lightbox-link">
+<a href="#image-0d157526dd4ee22d8bf6f48b8980d63f" class="lightbox-link">
 <img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,bg-white" alt="Spidertocat" class="shadow bg-white" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-12c31d61347c33233af3a004afd62776">
+<a href="javascript:history.back();" class="lightbox" id="image-0d157526dd4ee22d8bf6f48b8980d63f">
 <img src="https://octodex.github.com/images/spidertocat.png?width=20vw&amp;classes=shadow,bg-white" alt="Spidertocat" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -3046,10 +3046,10 @@ line 3 o' code
   <div class="box-content">
 <p>
 		
-<a href="#image-3358bb4b861275b709beb7111bc3c8b1" class="lightbox-link">
+<a href="#image-b2f963c0fc9c45435bdabbc9978703b7" class="lightbox-link">
 <img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border" alt="DrOctocat" class="border" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-3358bb4b861275b709beb7111bc3c8b1">
+<a href="javascript:history.back();" class="lightbox" id="image-b2f963c0fc9c45435bdabbc9978703b7">
 <img src="https://octodex.github.com/images/droctocat.png?width=20vw&amp;classes=border" alt="DrOctocat" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -3062,10 +3062,10 @@ line 3 o' code
   <div class="box-content">
 <p>
 		
-<a href="#image-79701f2c6f0dcdc8f7ac5585c8debd35" class="lightbox-link">
+<a href="#image-5cf197b250188644031737c36fd5ebd7" class="lightbox-link">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="left" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-79701f2c6f0dcdc8f7ac5585c8debd35">
+<a href="javascript:history.back();" class="lightbox" id="image-5cf197b250188644031737c36fd5ebd7">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=20vw&amp;classes=left" alt="Supertocat" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -3078,10 +3078,10 @@ line 3 o' code
   <div class="box-content">
 <p>
 		
-<a href="#image-bda05c12fd39bc3b7d9e5a6de91f6cb4" class="lightbox-link">
+<a href="#image-a448a03ac551fc5e1a7eb832451ee29a" class="lightbox-link">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="right" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-bda05c12fd39bc3b7d9e5a6de91f6cb4">
+<a href="javascript:history.back();" class="lightbox" id="image-a448a03ac551fc5e1a7eb832451ee29a">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=20vw&amp;classes=right" alt="Riddlocat" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -3097,34 +3097,34 @@ line 3 o' code
   <div class="box-content">
 <p>
 		
-<a href="#image-71ee804d79fe7be5f896d6ab522996aa" class="lightbox-link">
+<a href="#image-7fd9776eac26f46224bcfdc9e302ead1" class="lightbox-link">
 <img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline,bg-white" alt="Spidertocat" class="inline bg-white" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-71ee804d79fe7be5f896d6ab522996aa">
+<a href="javascript:history.back();" class="lightbox" id="image-7fd9776eac26f46224bcfdc9e302ead1">
 <img src="https://octodex.github.com/images/spidertocat.png?width=10vw&amp;classes=inline,bg-white" alt="Spidertocat" class="lightbox-image" loading="lazy">
 </a>
 
 		
-<a href="#image-42ffff788db4fcb2ee994c75d68e8ae8" class="lightbox-link">
+<a href="#image-f3536ddd2cca8074ef563b1238b21ca4" class="lightbox-link">
 <img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="inline" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-42ffff788db4fcb2ee994c75d68e8ae8">
+<a href="javascript:history.back();" class="lightbox" id="image-f3536ddd2cca8074ef563b1238b21ca4">
 <img src="https://octodex.github.com/images/droctocat.png?width=10vw&amp;classes=inline" alt="DrOctocat" class="lightbox-image" loading="lazy">
 </a>
 
 		
-<a href="#image-d020ca3c4a26d0f50a9e754f17da27ee" class="lightbox-link">
+<a href="#image-6d1be212317bd51fe56dd079ada6353f" class="lightbox-link">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="inline" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-d020ca3c4a26d0f50a9e754f17da27ee">
+<a href="javascript:history.back();" class="lightbox" id="image-6d1be212317bd51fe56dd079ada6353f">
 <img src="https://octodex.github.com/images/okal-eltocat.jpg?width=10vw&amp;classes=inline" alt="Supertocat" class="lightbox-image" loading="lazy">
 </a>
 
 		
-<a href="#image-5d36b911b89e13c55cae6139859886d2" class="lightbox-link">
+<a href="#image-2325858e001960ec06663272ea424637" class="lightbox-link">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="inline" style="height: auto; width: 10vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-5d36b911b89e13c55cae6139859886d2">
+<a href="javascript:history.back();" class="lightbox" id="image-2325858e001960ec06663272ea424637">
 <img src="https://octodex.github.com/images/riddlocat.jpg?width=10vw&amp;classes=inline" alt="Riddlocat" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -3137,10 +3137,10 @@ line 3 o' code
   <div class="box-content">
 <p>
 		
-<a href="#image-d3d641b925d326c6b2538f8069507ac2" class="lightbox-link">
+<a href="#image-dbf3c6559fe4a9f9c52dc597b4d0df38" class="lightbox-link">
 <img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="shadow border left" style="height: auto; width: 20vw;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-d3d641b925d326c6b2538f8069507ac2">
+<a href="javascript:history.back();" class="lightbox" id="image-dbf3c6559fe4a9f9c52dc597b4d0df38">
 <img src="https://octodex.github.com/images/xtocat.jpg?width=20vw&amp;classes=shadow,border,left" alt="X-tocat" class="lightbox-image" loading="lazy">
 </a></p>
   </div>
@@ -3349,11 +3349,11 @@ However, if ye want t' keep th' title but change its value, it can be overridden
 </ul>
 <p>
 		
-<a href="#image-2a8447c2fbef8a9ea66a338efa6ab442" class="lightbox-link">
-<img src="../cont/i18n/i18n-menu.gif?classes=shadow&amp;width=300px" alt="I18n menu" class="shadow" style="height: auto; width: 300px;" loading="lazy">
+<a href="#image-0bfd51d2859df8dd9d70c25e40e4fd98" class="lightbox-link">
+<img src="../cont/i18n/i18n-menu.gif?classes=shadow&amp;width=18.75rem" alt="I18n menu" class="shadow" style="height: auto; width: 18.75rem;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-2a8447c2fbef8a9ea66a338efa6ab442">
-<img src="../cont/i18n/i18n-menu.gif?classes=shadow&amp;width=300px" alt="I18n menu" class="lightbox-image" loading="lazy">
+<a href="javascript:history.back();" class="lightbox" id="image-0bfd51d2859df8dd9d70c25e40e4fd98">
+<img src="../cont/i18n/i18n-menu.gif?classes=shadow&amp;width=18.75rem" alt="I18n menu" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="basic-configuration">Basic configurat'n</h2>
 <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>
@@ -6679,8 +6679,8 @@ C4Context
               </section>        </div>
       </main>
     </div>
-    <script src="../js/clipboard.min.js?1676326938" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1676326938" defer></script>
-    <script src="../js/theme.js?1676326938" defer></script>
+    <script src="../js/clipboard.min.js?1676402971" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1676402971" defer></script>
+    <script src="../js/theme.js?1676402971" defer></script>
   </body>
 </html>
diff --git a/pir/more/credits/index.html b/pir/more/credits/index.html
index 221aaff82f..e109039b28 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?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326936" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326936" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326936" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326936" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326936" rel="stylesheet">
-    <link href="../../../css/print.css?1676326936" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1676326936" rel="stylesheet">
-    <script src="../../../js/url.js?1676326936"></script>
-    <script src="../../../js/variant.js?1676326936"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402968" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402968" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402968" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402968" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402968" rel="stylesheet">
+    <link href="../../../css/print.css?1676402968" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1676402968" rel="stylesheet">
+    <script src="../../../js/url.js?1676402968"></script>
+    <script src="../../../js/variant.js?1676402968"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -165,12 +165,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -178,33 +178,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -227,12 +227,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1676326937" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1676326937" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676326937" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1676326937" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1676326937" defer></script>
-        <script src="../../../js/search.js?1676326937" defer></script>
+        <script src="../../../js/auto-complete.js?1676402970" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1676402970" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676402970" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1676402970" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1676402970" defer></script>
+        <script src="../../../js/search.js?1676402970" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -332,14 +332,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -349,12 +349,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1676326937"></script>
+          <script async src="../../../js/buttons.js?1676402970"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1676326937" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326937" defer></script>
-    <script src="../../../js/theme.js?1676326937" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402970" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402970" defer></script>
+    <script src="../../../js/theme.js?1676402970" defer></script>
   </body>
 </html>
diff --git a/pir/more/credits/index.print.html b/pir/more/credits/index.print.html
index ed496d6ded..9eda8a835e 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?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326938" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326938" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326938" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326938" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326938" rel="stylesheet">
-    <link href="../../../css/print.css?1676326938" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1676326938" rel="stylesheet">
-    <link href="../../../css/ie.css?1676326938" rel="stylesheet">
-    <script src="../../../js/url.js?1676326938"></script>
-    <script src="../../../js/variant.js?1676326938"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402970" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402970" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402970" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402970" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402970" rel="stylesheet">
+    <link href="../../../css/print.css?1676402970" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1676402970" rel="stylesheet">
+    <link href="../../../css/ie.css?1676402970" rel="stylesheet">
+    <script src="../../../js/url.js?1676402970"></script>
+    <script src="../../../js/variant.js?1676402970"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -134,8 +134,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1676326938" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326938" defer></script>
-    <script src="../../../js/theme.js?1676326938" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402971" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402971" defer></script>
+    <script src="../../../js/theme.js?1676402971" defer></script>
   </body>
 </html>
diff --git a/pir/more/showcase/index.html b/pir/more/showcase/index.html
index 61caa89a0d..c25fa0f3c8 100644
--- a/pir/more/showcase/index.html
+++ b/pir/more/showcase/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/more/showcase/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/more/showcase/index.xml" rel="alternate" type="application/rss+xml" title="Showcase :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/more/showcase/index.print.html" rel="alternate" type="text/html" title="Showcase :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326936" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326936" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326936" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326936" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326936" rel="stylesheet">
-    <link href="../../../css/print.css?1676326936" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1676326936" rel="stylesheet">
-    <script src="../../../js/url.js?1676326936"></script>
-    <script src="../../../js/variant.js?1676326936"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402968" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402968" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402968" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402968" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402968" rel="stylesheet">
+    <link href="../../../css/print.css?1676402968" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1676402968" rel="stylesheet">
+    <script src="../../../js/url.js?1676402968"></script>
+    <script src="../../../js/variant.js?1676402968"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -106,28 +106,28 @@
 <h2 id="gobolinux-wikihttpswikigobolinuxorg-by-neonsysorg"><a href="https://wiki.gobolinux.org/" target="_blank">GoboLinux Wiki</a> by NEONsys.org</h2>
 <p>
 		
-<a href="#image-602d08427e1866134b617cc26fce00ea" class="lightbox-link">
+<a href="#image-f950d18b9c55f9d945fa8ff59eb899f6" class="lightbox-link">
 <img src="../../../more/showcase/gobolinux.png?width=60pc&amp;classes=shadow" alt="GoboLinux image" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-602d08427e1866134b617cc26fce00ea">
+<a href="javascript:history.back();" class="lightbox" id="image-f950d18b9c55f9d945fa8ff59eb899f6">
 <img src="../../../more/showcase/gobolinux.png?width=60pc&amp;classes=shadow" alt="GoboLinux image" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="bitshttpsbits-trainingdetraining-by-dr-lutz-gollan"><a href="https://bits-train'n.de/training/" target="_blank">BITS</a> by Dr. Lutz Gollan</h2>
 <p>
 		
-<a href="#image-19aded088d99f0bde2476ac66f51cd22" class="lightbox-link">
+<a href="#image-ae363407951c0bec5938c672ef39a851" class="lightbox-link">
 <img src="../../../more/showcase/bits-train.png?width=60pc&amp;classes=shadow" alt="BITS image" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-19aded088d99f0bde2476ac66f51cd22">
+<a href="javascript:history.back();" class="lightbox" id="image-ae363407951c0bec5938c672ef39a851">
 <img src="../../../more/showcase/bits-train.png?width=60pc&amp;classes=shadow" alt="BITS image" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="pamasol-electricshttpspamasolgithubiode-by-pamasol--swiss-aerosol-solutions"><a href="https://pamasol.github.io/de/" target="_blank">Pamasol Electrics</a> by Pamasol – Swiss Aerosol Solut'ns</h2>
 <p>
 		
-<a href="#image-2ac93c182538b2d3a201d999d85806d4" class="lightbox-link">
+<a href="#image-7d5caaad93535c51b57f9a5af1e65051" class="lightbox-link">
 <img src="../../../more/showcase/pamasol-electrics-portal.png?width=60pc&amp;classes=shadow" alt="Pamasol Electrics" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-2ac93c182538b2d3a201d999d85806d4">
+<a href="javascript:history.back();" class="lightbox" id="image-7d5caaad93535c51b57f9a5af1e65051">
 <img src="../../../more/showcase/pamasol-electrics-portal.png?width=60pc&amp;classes=shadow" alt="Pamasol Electrics" class="lightbox-image" loading="lazy">
 </a></p>
 
@@ -154,12 +154,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -167,33 +167,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -216,12 +216,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1676326937" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1676326937" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676326937" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1676326937" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1676326937" defer></script>
-        <script src="../../../js/search.js?1676326937" defer></script>
+        <script src="../../../js/auto-complete.js?1676402970" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1676402970" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676402970" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1676402970" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1676402970" defer></script>
+        <script src="../../../js/search.js?1676402970" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -321,14 +321,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -338,12 +338,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1676326937"></script>
+          <script async src="../../../js/buttons.js?1676402970"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1676326937" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326937" defer></script>
-    <script src="../../../js/theme.js?1676326937" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402970" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402970" defer></script>
+    <script src="../../../js/theme.js?1676402970" defer></script>
   </body>
 </html>
diff --git a/pir/more/showcase/index.print.html b/pir/more/showcase/index.print.html
index 685d07cd15..eeb57eda30 100644
--- a/pir/more/showcase/index.print.html
+++ b/pir/more/showcase/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/more/showcase/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/more/showcase/index.html" rel="canonical" type="text/html" title="Showcase :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/more/showcase/index.xml" rel="alternate" type="application/rss+xml" title="Showcase :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326938" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326938" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326938" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326938" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326938" rel="stylesheet">
-    <link href="../../../css/print.css?1676326938" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1676326938" rel="stylesheet">
-    <link href="../../../css/ie.css?1676326938" rel="stylesheet">
-    <script src="../../../js/url.js?1676326938"></script>
-    <script src="../../../js/variant.js?1676326938"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402970" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402970" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402970" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402970" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402970" rel="stylesheet">
+    <link href="../../../css/print.css?1676402970" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1676402970" rel="stylesheet">
+    <link href="../../../css/ie.css?1676402970" rel="stylesheet">
+    <script src="../../../js/url.js?1676402970"></script>
+    <script src="../../../js/variant.js?1676402970"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -79,28 +79,28 @@
 <h2 id="gobolinux-wikihttpswikigobolinuxorg-by-neonsysorg"><a href="https://wiki.gobolinux.org/" target="_blank">GoboLinux Wiki</a> by NEONsys.org</h2>
 <p>
 		
-<a href="#image-602d08427e1866134b617cc26fce00ea" class="lightbox-link">
+<a href="#image-f950d18b9c55f9d945fa8ff59eb899f6" class="lightbox-link">
 <img src="../../../more/showcase/gobolinux.png?width=60pc&amp;classes=shadow" alt="GoboLinux image" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-602d08427e1866134b617cc26fce00ea">
+<a href="javascript:history.back();" class="lightbox" id="image-f950d18b9c55f9d945fa8ff59eb899f6">
 <img src="../../../more/showcase/gobolinux.png?width=60pc&amp;classes=shadow" alt="GoboLinux image" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="bitshttpsbits-trainingdetraining-by-dr-lutz-gollan"><a href="https://bits-train'n.de/training/" target="_blank">BITS</a> by Dr. Lutz Gollan</h2>
 <p>
 		
-<a href="#image-19aded088d99f0bde2476ac66f51cd22" class="lightbox-link">
+<a href="#image-ae363407951c0bec5938c672ef39a851" class="lightbox-link">
 <img src="../../../more/showcase/bits-train.png?width=60pc&amp;classes=shadow" alt="BITS image" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-19aded088d99f0bde2476ac66f51cd22">
+<a href="javascript:history.back();" class="lightbox" id="image-ae363407951c0bec5938c672ef39a851">
 <img src="../../../more/showcase/bits-train.png?width=60pc&amp;classes=shadow" alt="BITS image" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="pamasol-electricshttpspamasolgithubiode-by-pamasol--swiss-aerosol-solutions"><a href="https://pamasol.github.io/de/" target="_blank">Pamasol Electrics</a> by Pamasol – Swiss Aerosol Solut'ns</h2>
 <p>
 		
-<a href="#image-2ac93c182538b2d3a201d999d85806d4" class="lightbox-link">
+<a href="#image-7d5caaad93535c51b57f9a5af1e65051" class="lightbox-link">
 <img src="../../../more/showcase/pamasol-electrics-portal.png?width=60pc&amp;classes=shadow" alt="Pamasol Electrics" class="shadow" style="height: auto; width: 60pc;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-2ac93c182538b2d3a201d999d85806d4">
+<a href="javascript:history.back();" class="lightbox" id="image-7d5caaad93535c51b57f9a5af1e65051">
 <img src="../../../more/showcase/pamasol-electrics-portal.png?width=60pc&amp;classes=shadow" alt="Pamasol Electrics" class="lightbox-image" loading="lazy">
 </a></p>
 
@@ -111,8 +111,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1676326938" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326938" defer></script>
-    <script src="../../../js/theme.js?1676326938" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402971" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402971" defer></script>
+    <script src="../../../js/theme.js?1676402971" defer></script>
   </body>
 </html>
diff --git a/pir/search.html b/pir/search.html
index bde9e82ddd..6375466cbd 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="Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../images/logo.svg?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1676326938" rel="stylesheet">
-    <link href="../css/auto-complete.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1676326938" rel="stylesheet">
-    <link href="../css/fonts.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1676326938" rel="stylesheet">
-    <link href="../css/theme-auto.css?1676326938" rel="stylesheet" id="variant-style">
-    <link href="../css/variant.css?1676326938" rel="stylesheet">
-    <link href="../css/print.css?1676326938" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1676326938" rel="stylesheet">
-    <script src="../js/url.js?1676326938"></script>
-    <script src="../js/variant.js?1676326938"></script>
+    <link href="../css/fontawesome-all.min.css?1676402971" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1676402971" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1676402971" rel="stylesheet">
+    <link href="../css/auto-complete.css?1676402971" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1676402971" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1676402971" rel="stylesheet">
+    <link href="../css/fonts.css?1676402971" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1676402971" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1676402971" rel="stylesheet">
+    <link href="../css/theme-auto.css?1676402971" rel="stylesheet" id="variant-style">
+    <link href="../css/variant.css?1676402971" rel="stylesheet">
+    <link href="../css/print.css?1676402971" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1676402971" rel="stylesheet">
+    <script src="../js/url.js?1676402971"></script>
+    <script src="../js/variant.js?1676402971"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -118,12 +118,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -131,33 +131,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -180,12 +180,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1676326938" defer></script>
-        <script src="../js/lunr/lunr.min.js?1676326938" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1676326938" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1676326938" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1676326938" defer></script>
-        <script src="../js/search.js?1676326938" defer></script>
+        <script src="../js/auto-complete.js?1676402971" defer></script>
+        <script src="../js/lunr/lunr.min.js?1676402971" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1676402971" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1676402971" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1676402971" defer></script>
+        <script src="../js/search.js?1676402971" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -285,14 +285,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -302,12 +302,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../js/buttons.js?1676326938"></script>
+          <script async src="../js/buttons.js?1676402971"></script>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1676326938" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1676326938" defer></script>
-    <script src="../js/theme.js?1676326938" defer></script>
+    <script src="../js/clipboard.min.js?1676402971" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1676402971" defer></script>
+    <script src="../js/theme.js?1676402971" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/attachments/index.html b/pir/shortcodes/attachments/index.html
index b301958944..cac76daf74 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?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326936" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326936" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326936" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326936" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326936" rel="stylesheet">
-    <link href="../../../css/print.css?1676326936" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1676326936" rel="stylesheet">
-    <script src="../../../js/url.js?1676326936"></script>
-    <script src="../../../js/variant.js?1676326936"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402968" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402968" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402968" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402968" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402968" rel="stylesheet">
+    <link href="../../../css/print.css?1676402968" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1676402968" rel="stylesheet">
+    <script src="../../../js/url.js?1676402968"></script>
+    <script src="../../../js/variant.js?1676402968"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -377,12 +377,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -390,33 +390,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -439,12 +439,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1676326936" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1676326936" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676326936" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1676326936" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1676326936" defer></script>
-        <script src="../../../js/search.js?1676326936" defer></script>
+        <script src="../../../js/auto-complete.js?1676402968" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1676402968" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676402968" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1676402968" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1676402968" defer></script>
+        <script src="../../../js/search.js?1676402968" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -544,14 +544,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -561,12 +561,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1676326936"></script>
+          <script async src="../../../js/buttons.js?1676402968"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1676326936" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326936" defer></script>
-    <script src="../../../js/theme.js?1676326936" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402968" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402968" defer></script>
+    <script src="../../../js/theme.js?1676402968" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/attachments/index.print.html b/pir/shortcodes/attachments/index.print.html
index 7a4f329400..e5257bad4d 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?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326938" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326938" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326938" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326938" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326938" rel="stylesheet">
-    <link href="../../../css/print.css?1676326938" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1676326938" rel="stylesheet">
-    <link href="../../../css/ie.css?1676326938" rel="stylesheet">
-    <script src="../../../js/url.js?1676326938"></script>
-    <script src="../../../js/variant.js?1676326938"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402970" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402970" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402970" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402970" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402970" rel="stylesheet">
+    <link href="../../../css/print.css?1676402970" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1676402970" rel="stylesheet">
+    <link href="../../../css/ie.css?1676402970" rel="stylesheet">
+    <script src="../../../js/url.js?1676402970"></script>
+    <script src="../../../js/variant.js?1676402970"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -318,8 +318,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1676326938" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326938" defer></script>
-    <script src="../../../js/theme.js?1676326938" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402970" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402970" defer></script>
+    <script src="../../../js/theme.js?1676402970" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/badge/index.html b/pir/shortcodes/badge/index.html
index 7ade63008a..dcc90ecaef 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?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326936" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326936" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326936" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326936" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326936" rel="stylesheet">
-    <link href="../../../css/print.css?1676326936" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1676326936" rel="stylesheet">
-    <script src="../../../js/url.js?1676326936"></script>
-    <script src="../../../js/variant.js?1676326936"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402968" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402968" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402968" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402968" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402968" rel="stylesheet">
+    <link href="../../../css/print.css?1676402968" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1676402968" rel="stylesheet">
+    <script src="../../../js/url.js?1676402968"></script>
+    <script src="../../../js/variant.js?1676402968"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -339,12 +339,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -352,33 +352,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -401,12 +401,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1676326936" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1676326936" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676326936" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1676326936" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1676326936" defer></script>
-        <script src="../../../js/search.js?1676326936" defer></script>
+        <script src="../../../js/auto-complete.js?1676402968" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1676402968" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676402968" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1676402968" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1676402968" defer></script>
+        <script src="../../../js/search.js?1676402968" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -506,14 +506,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -523,12 +523,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1676326936"></script>
+          <script async src="../../../js/buttons.js?1676402968"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1676326936" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326936" defer></script>
-    <script src="../../../js/theme.js?1676326936" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402968" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402968" defer></script>
+    <script src="../../../js/theme.js?1676402968" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/badge/index.print.html b/pir/shortcodes/badge/index.print.html
index 06bafbbc74..adf23f3954 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?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326938" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326938" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326938" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326938" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326938" rel="stylesheet">
-    <link href="../../../css/print.css?1676326938" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1676326938" rel="stylesheet">
-    <link href="../../../css/ie.css?1676326938" rel="stylesheet">
-    <script src="../../../js/url.js?1676326938"></script>
-    <script src="../../../js/variant.js?1676326938"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402970" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402970" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402970" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402970" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402970" rel="stylesheet">
+    <link href="../../../css/print.css?1676402970" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1676402970" rel="stylesheet">
+    <link href="../../../css/ie.css?1676402970" rel="stylesheet">
+    <script src="../../../js/url.js?1676402970"></script>
+    <script src="../../../js/variant.js?1676402970"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -287,8 +287,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1676326938" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326938" defer></script>
-    <script src="../../../js/theme.js?1676326938" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402971" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402971" defer></script>
+    <script src="../../../js/theme.js?1676402971" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/button/index.html b/pir/shortcodes/button/index.html
index fdf00a10a6..eb3c5043e5 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?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326936" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326936" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326936" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326936" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326936" rel="stylesheet">
-    <link href="../../../css/print.css?1676326936" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1676326936" rel="stylesheet">
-    <script src="../../../js/url.js?1676326936"></script>
-    <script src="../../../js/variant.js?1676326936"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402968" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402968" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402968" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402968" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402968" rel="stylesheet">
+    <link href="../../../css/print.css?1676402968" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1676402968" rel="stylesheet">
+    <script src="../../../js/url.js?1676402968"></script>
+    <script src="../../../js/variant.js?1676402968"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -460,12 +460,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -473,33 +473,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -522,12 +522,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1676326936" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1676326936" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676326936" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1676326936" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1676326936" defer></script>
-        <script src="../../../js/search.js?1676326936" defer></script>
+        <script src="../../../js/auto-complete.js?1676402968" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1676402968" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676402968" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1676402968" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1676402968" defer></script>
+        <script src="../../../js/search.js?1676402968" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -627,14 +627,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -644,12 +644,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1676326936"></script>
+          <script async src="../../../js/buttons.js?1676402968"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1676326936" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326936" defer></script>
-    <script src="../../../js/theme.js?1676326936" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402968" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402968" defer></script>
+    <script src="../../../js/theme.js?1676402968" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/button/index.print.html b/pir/shortcodes/button/index.print.html
index 0253f54a02..9fa35a23b1 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?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326938" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326938" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326938" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326938" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326938" rel="stylesheet">
-    <link href="../../../css/print.css?1676326938" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1676326938" rel="stylesheet">
-    <link href="../../../css/ie.css?1676326938" rel="stylesheet">
-    <script src="../../../js/url.js?1676326938"></script>
-    <script src="../../../js/variant.js?1676326938"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402970" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402970" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402970" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402970" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402970" rel="stylesheet">
+    <link href="../../../css/print.css?1676402970" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1676402970" rel="stylesheet">
+    <link href="../../../css/ie.css?1676402970" rel="stylesheet">
+    <script src="../../../js/url.js?1676402970"></script>
+    <script src="../../../js/variant.js?1676402970"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -407,8 +407,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1676326938" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326938" defer></script>
-    <script src="../../../js/theme.js?1676326938" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402970" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402970" defer></script>
+    <script src="../../../js/theme.js?1676402970" 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 744cd6b2be..822d28aa81 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?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../../css/nucleus.css?1676326936" rel="stylesheet">
-    <link href="../../../../../../../../../css/auto-complete.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/auto-complete.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../../css/perfect-scrollbar.min.css?1676326936" rel="stylesheet">
-    <link href="../../../../../../../../../css/fonts.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fonts.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../../css/theme.css?1676326936" rel="stylesheet">
-    <link href="../../../../../../../../../css/theme-auto.css?1676326936" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../../../css/variant.css?1676326936" rel="stylesheet">
-    <link href="../../../../../../../../../css/print.css?1676326936" rel="stylesheet" media="print">
-    <link href="../../../../../../../../../css/ie.css?1676326936" rel="stylesheet">
-    <script src="../../../../../../../../../js/url.js?1676326936"></script>
-    <script src="../../../../../../../../../js/variant.js?1676326936"></script>
+    <link href="../../../../../../../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../../css/nucleus.css?1676402968" rel="stylesheet">
+    <link href="../../../../../../../../../css/auto-complete.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/auto-complete.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../../css/perfect-scrollbar.min.css?1676402968" rel="stylesheet">
+    <link href="../../../../../../../../../css/fonts.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fonts.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../../css/theme.css?1676402968" rel="stylesheet">
+    <link href="../../../../../../../../../css/theme-auto.css?1676402968" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../../../css/variant.css?1676402968" rel="stylesheet">
+    <link href="../../../../../../../../../css/print.css?1676402968" rel="stylesheet" media="print">
+    <link href="../../../../../../../../../css/ie.css?1676402968" rel="stylesheet">
+    <script src="../../../../../../../../../js/url.js?1676402968"></script>
+    <script src="../../../../../../../../../js/variant.js?1676402968"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -126,12 +126,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -139,33 +139,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -188,12 +188,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../../../../js/auto-complete.js?1676326937" defer></script>
-        <script src="../../../../../../../../../js/lunr/lunr.min.js?1676326937" defer></script>
-        <script src="../../../../../../../../../js/lunr/lunr.stemmer.support.min.js?1676326937" defer></script>
-        <script src="../../../../../../../../../js/lunr/lunr.multi.min.js?1676326937" defer></script>
-        <script src="../../../../../../../../../js/lunr/lunr.en.min.js?1676326937" defer></script>
-        <script src="../../../../../../../../../js/search.js?1676326937" defer></script>
+        <script src="../../../../../../../../../js/auto-complete.js?1676402970" defer></script>
+        <script src="../../../../../../../../../js/lunr/lunr.min.js?1676402970" defer></script>
+        <script src="../../../../../../../../../js/lunr/lunr.stemmer.support.min.js?1676402970" defer></script>
+        <script src="../../../../../../../../../js/lunr/lunr.multi.min.js?1676402970" defer></script>
+        <script src="../../../../../../../../../js/lunr/lunr.en.min.js?1676402970" defer></script>
+        <script src="../../../../../../../../../js/search.js?1676402970" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -297,14 +297,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -314,12 +314,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../../../../../../js/buttons.js?1676326937"></script>
+          <script async src="../../../../../../../../../js/buttons.js?1676402970"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../../../../js/clipboard.min.js?1676326937" defer></script>
-    <script src="../../../../../../../../../js/perfect-scrollbar.min.js?1676326937" defer></script>
-    <script src="../../../../../../../../../js/theme.js?1676326937" defer></script>
+    <script src="../../../../../../../../../js/clipboard.min.js?1676402970" defer></script>
+    <script src="../../../../../../../../../js/perfect-scrollbar.min.js?1676402970" defer></script>
+    <script src="../../../../../../../../../js/theme.js?1676402970" 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 ba8d3b363b..a350392db7 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?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../../css/nucleus.css?1676326938" rel="stylesheet">
-    <link href="../../../../../../../../../css/auto-complete.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/auto-complete.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../../css/perfect-scrollbar.min.css?1676326938" rel="stylesheet">
-    <link href="../../../../../../../../../css/fonts.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fonts.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../../css/theme.css?1676326938" rel="stylesheet">
-    <link href="../../../../../../../../../css/theme-auto.css?1676326938" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../../../css/variant.css?1676326938" rel="stylesheet">
-    <link href="../../../../../../../../../css/print.css?1676326938" rel="stylesheet" media="print">
-    <link href="../../../../../../../../../css/format-print.css?1676326938" rel="stylesheet">
-    <link href="../../../../../../../../../css/ie.css?1676326938" rel="stylesheet">
-    <script src="../../../../../../../../../js/url.js?1676326938"></script>
-    <script src="../../../../../../../../../js/variant.js?1676326938"></script>
+    <link href="../../../../../../../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../../css/nucleus.css?1676402970" rel="stylesheet">
+    <link href="../../../../../../../../../css/auto-complete.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/auto-complete.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../../css/perfect-scrollbar.min.css?1676402970" rel="stylesheet">
+    <link href="../../../../../../../../../css/fonts.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../../css/fonts.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../../css/theme.css?1676402970" rel="stylesheet">
+    <link href="../../../../../../../../../css/theme-auto.css?1676402970" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../../../css/variant.css?1676402970" rel="stylesheet">
+    <link href="../../../../../../../../../css/print.css?1676402970" rel="stylesheet" media="print">
+    <link href="../../../../../../../../../css/format-print.css?1676402970" rel="stylesheet">
+    <link href="../../../../../../../../../css/ie.css?1676402970" rel="stylesheet">
+    <script src="../../../../../../../../../js/url.js?1676402970"></script>
+    <script src="../../../../../../../../../js/variant.js?1676402970"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -95,8 +95,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../../../../js/clipboard.min.js?1676326938" defer></script>
-    <script src="../../../../../../../../../js/perfect-scrollbar.min.js?1676326938" defer></script>
-    <script src="../../../../../../../../../js/theme.js?1676326938" defer></script>
+    <script src="../../../../../../../../../js/clipboard.min.js?1676402971" defer></script>
+    <script src="../../../../../../../../../js/perfect-scrollbar.min.js?1676402971" defer></script>
+    <script src="../../../../../../../../../js/theme.js?1676402971" 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 b64bc9ac76..0d6c2bcd3e 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?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/nucleus.css?1676326936" rel="stylesheet">
-    <link href="../../../../../../../../css/auto-complete.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1676326936" rel="stylesheet">
-    <link href="../../../../../../../../css/fonts.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/theme.css?1676326936" rel="stylesheet">
-    <link href="../../../../../../../../css/theme-auto.css?1676326936" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../../css/variant.css?1676326936" rel="stylesheet">
-    <link href="../../../../../../../../css/print.css?1676326936" rel="stylesheet" media="print">
-    <link href="../../../../../../../../css/ie.css?1676326936" rel="stylesheet">
-    <script src="../../../../../../../../js/url.js?1676326936"></script>
-    <script src="../../../../../../../../js/variant.js?1676326936"></script>
+    <link href="../../../../../../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/nucleus.css?1676402968" rel="stylesheet">
+    <link href="../../../../../../../../css/auto-complete.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1676402968" rel="stylesheet">
+    <link href="../../../../../../../../css/fonts.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/theme.css?1676402968" rel="stylesheet">
+    <link href="../../../../../../../../css/theme-auto.css?1676402968" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../../css/variant.css?1676402968" rel="stylesheet">
+    <link href="../../../../../../../../css/print.css?1676402968" rel="stylesheet" media="print">
+    <link href="../../../../../../../../css/ie.css?1676402968" rel="stylesheet">
+    <script src="../../../../../../../../js/url.js?1676402968"></script>
+    <script src="../../../../../../../../js/variant.js?1676402968"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -141,12 +141,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -154,33 +154,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -203,12 +203,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../../../js/auto-complete.js?1676326937" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.min.js?1676326937" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.stemmer.support.min.js?1676326937" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.multi.min.js?1676326937" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.en.min.js?1676326937" defer></script>
-        <script src="../../../../../../../../js/search.js?1676326937" defer></script>
+        <script src="../../../../../../../../js/auto-complete.js?1676402970" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.min.js?1676402970" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.stemmer.support.min.js?1676402970" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.multi.min.js?1676402970" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.en.min.js?1676402970" defer></script>
+        <script src="../../../../../../../../js/search.js?1676402970" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -312,14 +312,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -329,12 +329,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../../../../../js/buttons.js?1676326937"></script>
+          <script async src="../../../../../../../../js/buttons.js?1676402970"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../../../js/clipboard.min.js?1676326937" defer></script>
-    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1676326937" defer></script>
-    <script src="../../../../../../../../js/theme.js?1676326937" defer></script>
+    <script src="../../../../../../../../js/clipboard.min.js?1676402970" defer></script>
+    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1676402970" defer></script>
+    <script src="../../../../../../../../js/theme.js?1676402970" 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 7909fddecb..0c43e1388f 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?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/nucleus.css?1676326938" rel="stylesheet">
-    <link href="../../../../../../../../css/auto-complete.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1676326938" rel="stylesheet">
-    <link href="../../../../../../../../css/fonts.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/theme.css?1676326938" rel="stylesheet">
-    <link href="../../../../../../../../css/theme-auto.css?1676326938" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../../css/variant.css?1676326938" rel="stylesheet">
-    <link href="../../../../../../../../css/print.css?1676326938" rel="stylesheet" media="print">
-    <link href="../../../../../../../../css/format-print.css?1676326938" rel="stylesheet">
-    <link href="../../../../../../../../css/ie.css?1676326938" rel="stylesheet">
-    <script src="../../../../../../../../js/url.js?1676326938"></script>
-    <script src="../../../../../../../../js/variant.js?1676326938"></script>
+    <link href="../../../../../../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/nucleus.css?1676402970" rel="stylesheet">
+    <link href="../../../../../../../../css/auto-complete.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1676402970" rel="stylesheet">
+    <link href="../../../../../../../../css/fonts.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/theme.css?1676402970" rel="stylesheet">
+    <link href="../../../../../../../../css/theme-auto.css?1676402970" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../../css/variant.css?1676402970" rel="stylesheet">
+    <link href="../../../../../../../../css/print.css?1676402970" rel="stylesheet" media="print">
+    <link href="../../../../../../../../css/format-print.css?1676402970" rel="stylesheet">
+    <link href="../../../../../../../../css/ie.css?1676402970" rel="stylesheet">
+    <script src="../../../../../../../../js/url.js?1676402970"></script>
+    <script src="../../../../../../../../js/variant.js?1676402970"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -114,8 +114,8 @@
           </section>        </div>
       </main>
     </div>
-    <script src="../../../../../../../../js/clipboard.min.js?1676326938" defer></script>
-    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1676326938" defer></script>
-    <script src="../../../../../../../../js/theme.js?1676326938" defer></script>
+    <script src="../../../../../../../../js/clipboard.min.js?1676402971" defer></script>
+    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1676402971" defer></script>
+    <script src="../../../../../../../../js/theme.js?1676402971" 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 828a63c5e2..d1ce38a99d 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?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/nucleus.css?1676326936" rel="stylesheet">
-    <link href="../../../../../../../css/auto-complete.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1676326936" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1676326936" rel="stylesheet">
-    <link href="../../../../../../../css/theme-auto.css?1676326936" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../css/variant.css?1676326936" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1676326936" rel="stylesheet" media="print">
-    <link href="../../../../../../../css/ie.css?1676326936" rel="stylesheet">
-    <script src="../../../../../../../js/url.js?1676326936"></script>
-    <script src="../../../../../../../js/variant.js?1676326936"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/nucleus.css?1676402968" rel="stylesheet">
+    <link href="../../../../../../../css/auto-complete.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1676402968" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1676402968" rel="stylesheet">
+    <link href="../../../../../../../css/theme-auto.css?1676402968" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../css/variant.css?1676402968" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1676402968" rel="stylesheet" media="print">
+    <link href="../../../../../../../css/ie.css?1676402968" rel="stylesheet">
+    <script src="../../../../../../../js/url.js?1676402968"></script>
+    <script src="../../../../../../../js/variant.js?1676402968"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -140,12 +140,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -153,33 +153,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -202,12 +202,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../../js/auto-complete.js?1676326937" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.min.js?1676326937" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1676326937" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1676326937" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.en.min.js?1676326937" defer></script>
-        <script src="../../../../../../../js/search.js?1676326937" defer></script>
+        <script src="../../../../../../../js/auto-complete.js?1676402970" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.min.js?1676402970" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1676402970" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1676402970" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.en.min.js?1676402970" defer></script>
+        <script src="../../../../../../../js/search.js?1676402970" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -309,14 +309,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -326,12 +326,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../../../../js/buttons.js?1676326937"></script>
+          <script async src="../../../../../../../js/buttons.js?1676402970"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../../js/clipboard.min.js?1676326937" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1676326937" defer></script>
-    <script src="../../../../../../../js/theme.js?1676326937" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1676402970" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1676402970" defer></script>
+    <script src="../../../../../../../js/theme.js?1676402970" 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 1134d0007f..3b980e96ab 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?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/nucleus.css?1676326938" rel="stylesheet">
-    <link href="../../../../../../../css/auto-complete.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1676326938" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1676326938" rel="stylesheet">
-    <link href="../../../../../../../css/theme-auto.css?1676326938" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../css/variant.css?1676326938" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1676326938" rel="stylesheet" media="print">
-    <link href="../../../../../../../css/format-print.css?1676326938" rel="stylesheet">
-    <link href="../../../../../../../css/ie.css?1676326938" rel="stylesheet">
-    <script src="../../../../../../../js/url.js?1676326938"></script>
-    <script src="../../../../../../../js/variant.js?1676326938"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/nucleus.css?1676402970" rel="stylesheet">
+    <link href="../../../../../../../css/auto-complete.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1676402970" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1676402970" rel="stylesheet">
+    <link href="../../../../../../../css/theme-auto.css?1676402970" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../css/variant.css?1676402970" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1676402970" rel="stylesheet" media="print">
+    <link href="../../../../../../../css/format-print.css?1676402970" rel="stylesheet">
+    <link href="../../../../../../../css/ie.css?1676402970" rel="stylesheet">
+    <script src="../../../../../../../js/url.js?1676402970"></script>
+    <script src="../../../../../../../js/variant.js?1676402970"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -102,8 +102,8 @@
           </section>        </div>
       </main>
     </div>
-    <script src="../../../../../../../js/clipboard.min.js?1676326938" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1676326938" defer></script>
-    <script src="../../../../../../../js/theme.js?1676326938" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1676402971" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1676402971" defer></script>
+    <script src="../../../../../../../js/theme.js?1676402971" 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 4908ddd454..8cdcf05b4e 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?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1676326936" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1676326936" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1676326936" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1676326936" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../css/variant.css?1676326936" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1676326936" rel="stylesheet" media="print">
-    <link href="../../../../../../css/ie.css?1676326936" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1676326936"></script>
-    <script src="../../../../../../js/variant.js?1676326936"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1676402968" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1676402968" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1676402968" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1676402968" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../css/variant.css?1676402968" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1676402968" rel="stylesheet" media="print">
+    <link href="../../../../../../css/ie.css?1676402968" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1676402968"></script>
+    <script src="../../../../../../js/variant.js?1676402968"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -139,12 +139,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -152,33 +152,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -201,12 +201,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../js/auto-complete.js?1676326937" defer></script>
-        <script src="../../../../../../js/lunr/lunr.min.js?1676326937" defer></script>
-        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1676326937" defer></script>
-        <script src="../../../../../../js/lunr/lunr.multi.min.js?1676326937" defer></script>
-        <script src="../../../../../../js/lunr/lunr.en.min.js?1676326937" defer></script>
-        <script src="../../../../../../js/search.js?1676326937" defer></script>
+        <script src="../../../../../../js/auto-complete.js?1676402970" defer></script>
+        <script src="../../../../../../js/lunr/lunr.min.js?1676402970" defer></script>
+        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1676402970" defer></script>
+        <script src="../../../../../../js/lunr/lunr.multi.min.js?1676402970" defer></script>
+        <script src="../../../../../../js/lunr/lunr.en.min.js?1676402970" defer></script>
+        <script src="../../../../../../js/search.js?1676402970" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -308,14 +308,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -325,12 +325,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../../../js/buttons.js?1676326937"></script>
+          <script async src="../../../../../../js/buttons.js?1676402970"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../js/clipboard.min.js?1676326937" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1676326937" defer></script>
-    <script src="../../../../../../js/theme.js?1676326937" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1676402970" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1676402970" defer></script>
+    <script src="../../../../../../js/theme.js?1676402970" 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 3572c70351..16cc68c7ce 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?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1676326938" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1676326938" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1676326938" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1676326938" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../css/variant.css?1676326938" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1676326938" rel="stylesheet" media="print">
-    <link href="../../../../../../css/format-print.css?1676326938" rel="stylesheet">
-    <link href="../../../../../../css/ie.css?1676326938" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1676326938"></script>
-    <script src="../../../../../../js/variant.js?1676326938"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1676402970" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1676402970" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1676402970" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1676402970" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../css/variant.css?1676402970" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1676402970" rel="stylesheet" media="print">
+    <link href="../../../../../../css/format-print.css?1676402970" rel="stylesheet">
+    <link href="../../../../../../css/ie.css?1676402970" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1676402970"></script>
+    <script src="../../../../../../js/variant.js?1676402970"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -121,8 +121,8 @@
           </section>        </div>
       </main>
     </div>
-    <script src="../../../../../../js/clipboard.min.js?1676326938" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1676326938" defer></script>
-    <script src="../../../../../../js/theme.js?1676326938" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1676402971" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1676402971" defer></script>
+    <script src="../../../../../../js/theme.js?1676402971" 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 e38cb1e925..1e095c7aaf 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?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/nucleus.css?1676326936" rel="stylesheet">
-    <link href="../../../../../../../css/auto-complete.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1676326936" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1676326936" rel="stylesheet">
-    <link href="../../../../../../../css/theme-auto.css?1676326936" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../css/variant.css?1676326936" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1676326936" rel="stylesheet" media="print">
-    <link href="../../../../../../../css/ie.css?1676326936" rel="stylesheet">
-    <script src="../../../../../../../js/url.js?1676326936"></script>
-    <script src="../../../../../../../js/variant.js?1676326936"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/nucleus.css?1676402968" rel="stylesheet">
+    <link href="../../../../../../../css/auto-complete.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1676402968" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1676402968" rel="stylesheet">
+    <link href="../../../../../../../css/theme-auto.css?1676402968" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../css/variant.css?1676402968" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1676402968" rel="stylesheet" media="print">
+    <link href="../../../../../../../css/ie.css?1676402968" rel="stylesheet">
+    <script src="../../../../../../../js/url.js?1676402968"></script>
+    <script src="../../../../../../../js/variant.js?1676402968"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -125,12 +125,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -138,33 +138,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -187,12 +187,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../../js/auto-complete.js?1676326937" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.min.js?1676326937" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1676326937" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1676326937" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.en.min.js?1676326937" defer></script>
-        <script src="../../../../../../../js/search.js?1676326937" defer></script>
+        <script src="../../../../../../../js/auto-complete.js?1676402970" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.min.js?1676402970" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1676402970" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1676402970" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.en.min.js?1676402970" defer></script>
+        <script src="../../../../../../../js/search.js?1676402970" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -292,14 +292,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -309,12 +309,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../../../../js/buttons.js?1676326937"></script>
+          <script async src="../../../../../../../js/buttons.js?1676402970"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../../js/clipboard.min.js?1676326937" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1676326937" defer></script>
-    <script src="../../../../../../../js/theme.js?1676326937" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1676402970" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1676402970" defer></script>
+    <script src="../../../../../../../js/theme.js?1676402970" 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 75a047cf03..8abc57bcd4 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?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/nucleus.css?1676326938" rel="stylesheet">
-    <link href="../../../../../../../css/auto-complete.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1676326938" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1676326938" rel="stylesheet">
-    <link href="../../../../../../../css/theme-auto.css?1676326938" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../css/variant.css?1676326938" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1676326938" rel="stylesheet" media="print">
-    <link href="../../../../../../../css/format-print.css?1676326938" rel="stylesheet">
-    <link href="../../../../../../../css/ie.css?1676326938" rel="stylesheet">
-    <script src="../../../../../../../js/url.js?1676326938"></script>
-    <script src="../../../../../../../js/variant.js?1676326938"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/nucleus.css?1676402970" rel="stylesheet">
+    <link href="../../../../../../../css/auto-complete.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1676402970" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1676402970" rel="stylesheet">
+    <link href="../../../../../../../css/theme-auto.css?1676402970" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../css/variant.css?1676402970" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1676402970" rel="stylesheet" media="print">
+    <link href="../../../../../../../css/format-print.css?1676402970" rel="stylesheet">
+    <link href="../../../../../../../css/ie.css?1676402970" rel="stylesheet">
+    <script src="../../../../../../../js/url.js?1676402970"></script>
+    <script src="../../../../../../../js/variant.js?1676402970"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -94,8 +94,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../../js/clipboard.min.js?1676326938" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1676326938" defer></script>
-    <script src="../../../../../../../js/theme.js?1676326938" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1676402971" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1676402971" defer></script>
+    <script src="../../../../../../../js/theme.js?1676402971" 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 ebfc650941..3c6ac32fbb 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?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/nucleus.css?1676326936" rel="stylesheet">
-    <link href="../../../../../../../css/auto-complete.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1676326936" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1676326936" rel="stylesheet">
-    <link href="../../../../../../../css/theme-auto.css?1676326936" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../css/variant.css?1676326936" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1676326936" rel="stylesheet" media="print">
-    <link href="../../../../../../../css/ie.css?1676326936" rel="stylesheet">
-    <script src="../../../../../../../js/url.js?1676326936"></script>
-    <script src="../../../../../../../js/variant.js?1676326936"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/nucleus.css?1676402968" rel="stylesheet">
+    <link href="../../../../../../../css/auto-complete.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1676402968" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1676402968" rel="stylesheet">
+    <link href="../../../../../../../css/theme-auto.css?1676402968" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../css/variant.css?1676402968" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1676402968" rel="stylesheet" media="print">
+    <link href="../../../../../../../css/ie.css?1676402968" rel="stylesheet">
+    <script src="../../../../../../../js/url.js?1676402968"></script>
+    <script src="../../../../../../../js/variant.js?1676402968"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -125,12 +125,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -138,33 +138,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -187,12 +187,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../../js/auto-complete.js?1676326937" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.min.js?1676326937" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1676326937" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1676326937" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.en.min.js?1676326937" defer></script>
-        <script src="../../../../../../../js/search.js?1676326937" defer></script>
+        <script src="../../../../../../../js/auto-complete.js?1676402970" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.min.js?1676402970" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1676402970" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1676402970" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.en.min.js?1676402970" defer></script>
+        <script src="../../../../../../../js/search.js?1676402970" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -292,14 +292,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -309,12 +309,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../../../../js/buttons.js?1676326937"></script>
+          <script async src="../../../../../../../js/buttons.js?1676402970"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../../js/clipboard.min.js?1676326937" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1676326937" defer></script>
-    <script src="../../../../../../../js/theme.js?1676326937" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1676402970" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1676402970" defer></script>
+    <script src="../../../../../../../js/theme.js?1676402970" 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 1bba79ba87..94c33e0c01 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?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/nucleus.css?1676326938" rel="stylesheet">
-    <link href="../../../../../../../css/auto-complete.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1676326938" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1676326938" rel="stylesheet">
-    <link href="../../../../../../../css/theme-auto.css?1676326938" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../css/variant.css?1676326938" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1676326938" rel="stylesheet" media="print">
-    <link href="../../../../../../../css/format-print.css?1676326938" rel="stylesheet">
-    <link href="../../../../../../../css/ie.css?1676326938" rel="stylesheet">
-    <script src="../../../../../../../js/url.js?1676326938"></script>
-    <script src="../../../../../../../js/variant.js?1676326938"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/nucleus.css?1676402970" rel="stylesheet">
+    <link href="../../../../../../../css/auto-complete.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1676402970" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1676402970" rel="stylesheet">
+    <link href="../../../../../../../css/theme-auto.css?1676402970" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../css/variant.css?1676402970" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1676402970" rel="stylesheet" media="print">
+    <link href="../../../../../../../css/format-print.css?1676402970" rel="stylesheet">
+    <link href="../../../../../../../css/ie.css?1676402970" rel="stylesheet">
+    <script src="../../../../../../../js/url.js?1676402970"></script>
+    <script src="../../../../../../../js/variant.js?1676402970"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -94,8 +94,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../../js/clipboard.min.js?1676326938" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1676326938" defer></script>
-    <script src="../../../../../../../js/theme.js?1676326938" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1676402971" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1676402971" defer></script>
+    <script src="../../../../../../../js/theme.js?1676402971" 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 ea60497d6e..80bba6151c 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?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1676326936" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1676326936" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1676326936" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1676326936" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../css/variant.css?1676326936" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1676326936" rel="stylesheet" media="print">
-    <link href="../../../../../../css/ie.css?1676326936" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1676326936"></script>
-    <script src="../../../../../../js/variant.js?1676326936"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1676402968" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1676402968" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1676402968" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1676402968" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../css/variant.css?1676402968" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1676402968" rel="stylesheet" media="print">
+    <link href="../../../../../../css/ie.css?1676402968" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1676402968"></script>
+    <script src="../../../../../../js/variant.js?1676402968"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -141,12 +141,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -154,33 +154,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -203,12 +203,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../js/auto-complete.js?1676326937" defer></script>
-        <script src="../../../../../../js/lunr/lunr.min.js?1676326937" defer></script>
-        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1676326937" defer></script>
-        <script src="../../../../../../js/lunr/lunr.multi.min.js?1676326937" defer></script>
-        <script src="../../../../../../js/lunr/lunr.en.min.js?1676326937" defer></script>
-        <script src="../../../../../../js/search.js?1676326937" defer></script>
+        <script src="../../../../../../js/auto-complete.js?1676402970" defer></script>
+        <script src="../../../../../../js/lunr/lunr.min.js?1676402970" defer></script>
+        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1676402970" defer></script>
+        <script src="../../../../../../js/lunr/lunr.multi.min.js?1676402970" defer></script>
+        <script src="../../../../../../js/lunr/lunr.en.min.js?1676402970" defer></script>
+        <script src="../../../../../../js/search.js?1676402970" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -308,14 +308,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -325,12 +325,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../../../js/buttons.js?1676326937"></script>
+          <script async src="../../../../../../js/buttons.js?1676402970"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../js/clipboard.min.js?1676326937" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1676326937" defer></script>
-    <script src="../../../../../../js/theme.js?1676326937" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1676402970" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1676402970" defer></script>
+    <script src="../../../../../../js/theme.js?1676402970" 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 cdcdc193c5..dc5c3f3bbc 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?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1676326938" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1676326938" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1676326938" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1676326938" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../css/variant.css?1676326938" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1676326938" rel="stylesheet" media="print">
-    <link href="../../../../../../css/format-print.css?1676326938" rel="stylesheet">
-    <link href="../../../../../../css/ie.css?1676326938" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1676326938"></script>
-    <script src="../../../../../../js/variant.js?1676326938"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1676402970" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1676402970" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1676402970" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1676402970" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../css/variant.css?1676402970" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1676402970" rel="stylesheet" media="print">
+    <link href="../../../../../../css/format-print.css?1676402970" rel="stylesheet">
+    <link href="../../../../../../css/ie.css?1676402970" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1676402970"></script>
+    <script src="../../../../../../js/variant.js?1676402970"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -125,8 +125,8 @@
           </section>        </div>
       </main>
     </div>
-    <script src="../../../../../../js/clipboard.min.js?1676326938" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1676326938" defer></script>
-    <script src="../../../../../../js/theme.js?1676326938" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1676402971" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1676402971" defer></script>
+    <script src="../../../../../../js/theme.js?1676402971" 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 417bd7ab7f..c487b8484c 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?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1676326936" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1676326936" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1676326936" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1676326936" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../css/variant.css?1676326936" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1676326936" rel="stylesheet" media="print">
-    <link href="../../../../../../css/ie.css?1676326936" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1676326936"></script>
-    <script src="../../../../../../js/variant.js?1676326936"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1676402968" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1676402968" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1676402968" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1676402968" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../css/variant.css?1676402968" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1676402968" rel="stylesheet" media="print">
+    <link href="../../../../../../css/ie.css?1676402968" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1676402968"></script>
+    <script src="../../../../../../js/variant.js?1676402968"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -124,12 +124,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -137,33 +137,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -186,12 +186,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../js/auto-complete.js?1676326937" defer></script>
-        <script src="../../../../../../js/lunr/lunr.min.js?1676326937" defer></script>
-        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1676326937" defer></script>
-        <script src="../../../../../../js/lunr/lunr.multi.min.js?1676326937" defer></script>
-        <script src="../../../../../../js/lunr/lunr.en.min.js?1676326937" defer></script>
-        <script src="../../../../../../js/search.js?1676326937" defer></script>
+        <script src="../../../../../../js/auto-complete.js?1676402970" defer></script>
+        <script src="../../../../../../js/lunr/lunr.min.js?1676402970" defer></script>
+        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1676402970" defer></script>
+        <script src="../../../../../../js/lunr/lunr.multi.min.js?1676402970" defer></script>
+        <script src="../../../../../../js/lunr/lunr.en.min.js?1676402970" defer></script>
+        <script src="../../../../../../js/search.js?1676402970" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -291,14 +291,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -308,12 +308,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../../../js/buttons.js?1676326937"></script>
+          <script async src="../../../../../../js/buttons.js?1676402970"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../js/clipboard.min.js?1676326937" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1676326937" defer></script>
-    <script src="../../../../../../js/theme.js?1676326937" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1676402970" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1676402970" defer></script>
+    <script src="../../../../../../js/theme.js?1676402970" 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 81579bc3c1..3d48188a60 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?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1676326938" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1676326938" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1676326938" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1676326938" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../css/variant.css?1676326938" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1676326938" rel="stylesheet" media="print">
-    <link href="../../../../../../css/format-print.css?1676326938" rel="stylesheet">
-    <link href="../../../../../../css/ie.css?1676326938" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1676326938"></script>
-    <script src="../../../../../../js/variant.js?1676326938"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1676402970" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1676402970" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1676402970" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1676402970" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../css/variant.css?1676402970" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1676402970" rel="stylesheet" media="print">
+    <link href="../../../../../../css/format-print.css?1676402970" rel="stylesheet">
+    <link href="../../../../../../css/ie.css?1676402970" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1676402970"></script>
+    <script src="../../../../../../js/variant.js?1676402970"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -93,8 +93,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../js/clipboard.min.js?1676326938" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1676326938" defer></script>
-    <script src="../../../../../../js/theme.js?1676326938" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1676402971" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1676402971" defer></script>
+    <script src="../../../../../../js/theme.js?1676402971" 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 384e66e541..c336d69a60 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?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../../../css/nucleus.css?1676326936" rel="stylesheet">
-    <link href="../../../../../css/auto-complete.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1676326936" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1676326936" rel="stylesheet">
-    <link href="../../../../../css/theme-auto.css?1676326936" rel="stylesheet" id="variant-style">
-    <link href="../../../../../css/variant.css?1676326936" rel="stylesheet">
-    <link href="../../../../../css/print.css?1676326936" rel="stylesheet" media="print">
-    <link href="../../../../../css/ie.css?1676326936" rel="stylesheet">
-    <script src="../../../../../js/url.js?1676326936"></script>
-    <script src="../../../../../js/variant.js?1676326936"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../../../css/nucleus.css?1676402968" rel="stylesheet">
+    <link href="../../../../../css/auto-complete.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1676402968" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1676402968" rel="stylesheet">
+    <link href="../../../../../css/theme-auto.css?1676402968" rel="stylesheet" id="variant-style">
+    <link href="../../../../../css/variant.css?1676402968" rel="stylesheet">
+    <link href="../../../../../css/print.css?1676402968" rel="stylesheet" media="print">
+    <link href="../../../../../css/ie.css?1676402968" rel="stylesheet">
+    <script src="../../../../../js/url.js?1676402968"></script>
+    <script src="../../../../../js/variant.js?1676402968"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -141,12 +141,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -154,33 +154,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -203,12 +203,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../js/auto-complete.js?1676326937" defer></script>
-        <script src="../../../../../js/lunr/lunr.min.js?1676326937" defer></script>
-        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1676326937" defer></script>
-        <script src="../../../../../js/lunr/lunr.multi.min.js?1676326937" defer></script>
-        <script src="../../../../../js/lunr/lunr.en.min.js?1676326937" defer></script>
-        <script src="../../../../../js/search.js?1676326937" defer></script>
+        <script src="../../../../../js/auto-complete.js?1676402970" defer></script>
+        <script src="../../../../../js/lunr/lunr.min.js?1676402970" defer></script>
+        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1676402970" defer></script>
+        <script src="../../../../../js/lunr/lunr.multi.min.js?1676402970" defer></script>
+        <script src="../../../../../js/lunr/lunr.en.min.js?1676402970" defer></script>
+        <script src="../../../../../js/search.js?1676402970" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -308,14 +308,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -325,12 +325,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../../js/buttons.js?1676326937"></script>
+          <script async src="../../../../../js/buttons.js?1676402970"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../js/clipboard.min.js?1676326937" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1676326937" defer></script>
-    <script src="../../../../../js/theme.js?1676326937" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1676402970" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1676402970" defer></script>
+    <script src="../../../../../js/theme.js?1676402970" 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 e8332c2a9c..1c71d2d879 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?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../../../css/nucleus.css?1676326938" rel="stylesheet">
-    <link href="../../../../../css/auto-complete.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1676326938" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1676326938" rel="stylesheet">
-    <link href="../../../../../css/theme-auto.css?1676326938" rel="stylesheet" id="variant-style">
-    <link href="../../../../../css/variant.css?1676326938" rel="stylesheet">
-    <link href="../../../../../css/print.css?1676326938" rel="stylesheet" media="print">
-    <link href="../../../../../css/format-print.css?1676326938" rel="stylesheet">
-    <link href="../../../../../css/ie.css?1676326938" rel="stylesheet">
-    <script src="../../../../../js/url.js?1676326938"></script>
-    <script src="../../../../../js/variant.js?1676326938"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../../../css/nucleus.css?1676402970" rel="stylesheet">
+    <link href="../../../../../css/auto-complete.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1676402970" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1676402970" rel="stylesheet">
+    <link href="../../../../../css/theme-auto.css?1676402970" rel="stylesheet" id="variant-style">
+    <link href="../../../../../css/variant.css?1676402970" rel="stylesheet">
+    <link href="../../../../../css/print.css?1676402970" rel="stylesheet" media="print">
+    <link href="../../../../../css/format-print.css?1676402970" rel="stylesheet">
+    <link href="../../../../../css/ie.css?1676402970" rel="stylesheet">
+    <script src="../../../../../js/url.js?1676402970"></script>
+    <script src="../../../../../js/variant.js?1676402970"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -157,8 +157,8 @@
           </section>        </div>
       </main>
     </div>
-    <script src="../../../../../js/clipboard.min.js?1676326938" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1676326938" defer></script>
-    <script src="../../../../../js/theme.js?1676326938" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1676402971" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1676402971" defer></script>
+    <script src="../../../../../js/theme.js?1676402971" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-1/index.html b/pir/shortcodes/children/children-1/index.html
index 2eabc0d902..aecb295494 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?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1676326936" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1676326936" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1676326936" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1676326936" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1676326936" rel="stylesheet">
-    <link href="../../../../css/print.css?1676326936" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1676326936" rel="stylesheet">
-    <script src="../../../../js/url.js?1676326936"></script>
-    <script src="../../../../js/variant.js?1676326936"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1676402968" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1676402968" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1676402968" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1676402968" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1676402968" rel="stylesheet">
+    <link href="../../../../css/print.css?1676402968" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1676402968" rel="stylesheet">
+    <script src="../../../../js/url.js?1676402968"></script>
+    <script src="../../../../js/variant.js?1676402968"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -138,12 +138,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -151,33 +151,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -200,12 +200,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1676326937" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1676326937" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1676326937" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1676326937" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1676326937" defer></script>
-        <script src="../../../../js/search.js?1676326937" defer></script>
+        <script src="../../../../js/auto-complete.js?1676402970" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1676402970" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1676402970" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1676402970" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1676402970" defer></script>
+        <script src="../../../../js/search.js?1676402970" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -305,14 +305,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -322,12 +322,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../js/buttons.js?1676326937"></script>
+          <script async src="../../../../js/buttons.js?1676402970"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1676326937" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1676326937" defer></script>
-    <script src="../../../../js/theme.js?1676326937" defer></script>
+    <script src="../../../../js/clipboard.min.js?1676402970" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1676402970" defer></script>
+    <script src="../../../../js/theme.js?1676402970" 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 63162b383c..e6a59bafb6 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?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1676326938" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1676326938" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1676326938" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1676326938" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1676326938" rel="stylesheet">
-    <link href="../../../../css/print.css?1676326938" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1676326938" rel="stylesheet">
-    <link href="../../../../css/ie.css?1676326938" rel="stylesheet">
-    <script src="../../../../js/url.js?1676326938"></script>
-    <script src="../../../../js/variant.js?1676326938"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1676402970" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1676402970" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1676402970" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1676402970" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1676402970" rel="stylesheet">
+    <link href="../../../../css/print.css?1676402970" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1676402970" rel="stylesheet">
+    <link href="../../../../css/ie.css?1676402970" rel="stylesheet">
+    <script src="../../../../js/url.js?1676402970"></script>
+    <script src="../../../../js/variant.js?1676402970"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -176,8 +176,8 @@
           </section>        </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1676326938" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1676326938" defer></script>
-    <script src="../../../../js/theme.js?1676326938" defer></script>
+    <script src="../../../../js/clipboard.min.js?1676402971" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1676402971" defer></script>
+    <script src="../../../../js/theme.js?1676402971" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-2/index.html b/pir/shortcodes/children/children-2/index.html
index c1959ad2f9..4eccaf2563 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?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1676326936" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1676326936" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1676326936" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1676326936" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1676326936" rel="stylesheet">
-    <link href="../../../../css/print.css?1676326936" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1676326936" rel="stylesheet">
-    <script src="../../../../js/url.js?1676326936"></script>
-    <script src="../../../../js/variant.js?1676326936"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1676402968" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1676402968" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1676402968" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1676402968" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1676402968" rel="stylesheet">
+    <link href="../../../../css/print.css?1676402968" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1676402968" rel="stylesheet">
+    <script src="../../../../js/url.js?1676402968"></script>
+    <script src="../../../../js/variant.js?1676402968"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -123,12 +123,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -136,33 +136,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -185,12 +185,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1676326937" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1676326937" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1676326937" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1676326937" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1676326937" defer></script>
-        <script src="../../../../js/search.js?1676326937" defer></script>
+        <script src="../../../../js/auto-complete.js?1676402970" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1676402970" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1676402970" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1676402970" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1676402970" defer></script>
+        <script src="../../../../js/search.js?1676402970" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -290,14 +290,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -307,12 +307,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../js/buttons.js?1676326937"></script>
+          <script async src="../../../../js/buttons.js?1676402970"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1676326937" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1676326937" defer></script>
-    <script src="../../../../js/theme.js?1676326937" defer></script>
+    <script src="../../../../js/clipboard.min.js?1676402970" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1676402970" defer></script>
+    <script src="../../../../js/theme.js?1676402970" 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 1d84911020..cd17a1bd3a 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?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1676326938" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1676326938" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1676326938" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1676326938" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1676326938" rel="stylesheet">
-    <link href="../../../../css/print.css?1676326938" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1676326938" rel="stylesheet">
-    <link href="../../../../css/ie.css?1676326938" rel="stylesheet">
-    <script src="../../../../js/url.js?1676326938"></script>
-    <script src="../../../../js/variant.js?1676326938"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1676402970" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1676402970" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1676402970" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1676402970" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1676402970" rel="stylesheet">
+    <link href="../../../../css/print.css?1676402970" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1676402970" rel="stylesheet">
+    <link href="../../../../css/ie.css?1676402970" rel="stylesheet">
+    <script src="../../../../js/url.js?1676402970"></script>
+    <script src="../../../../js/variant.js?1676402970"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -92,8 +92,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1676326938" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1676326938" defer></script>
-    <script src="../../../../js/theme.js?1676326938" defer></script>
+    <script src="../../../../js/clipboard.min.js?1676402971" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1676402971" defer></script>
+    <script src="../../../../js/theme.js?1676402971" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-3/index.html b/pir/shortcodes/children/children-3/index.html
index a96bf9cfc5..d96259ebb0 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?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1676326936" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1676326936" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1676326936" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1676326936" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1676326936" rel="stylesheet">
-    <link href="../../../../css/print.css?1676326936" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1676326936" rel="stylesheet">
-    <script src="../../../../js/url.js?1676326936"></script>
-    <script src="../../../../js/variant.js?1676326936"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1676402968" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1676402968" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1676402968" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1676402968" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1676402968" rel="stylesheet">
+    <link href="../../../../css/print.css?1676402968" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1676402968" rel="stylesheet">
+    <script src="../../../../js/url.js?1676402968"></script>
+    <script src="../../../../js/variant.js?1676402968"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -138,12 +138,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -151,33 +151,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -200,12 +200,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1676326937" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1676326937" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1676326937" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1676326937" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1676326937" defer></script>
-        <script src="../../../../js/search.js?1676326937" defer></script>
+        <script src="../../../../js/auto-complete.js?1676402970" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1676402970" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1676402970" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1676402970" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1676402970" defer></script>
+        <script src="../../../../js/search.js?1676402970" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -305,14 +305,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -322,12 +322,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../js/buttons.js?1676326937"></script>
+          <script async src="../../../../js/buttons.js?1676402970"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1676326937" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1676326937" defer></script>
-    <script src="../../../../js/theme.js?1676326937" defer></script>
+    <script src="../../../../js/clipboard.min.js?1676402970" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1676402970" defer></script>
+    <script src="../../../../js/theme.js?1676402970" 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 61592dca3a..bd4a53d7c7 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?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1676326938" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1676326938" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1676326938" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1676326938" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1676326938" rel="stylesheet">
-    <link href="../../../../css/print.css?1676326938" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1676326938" rel="stylesheet">
-    <link href="../../../../css/ie.css?1676326938" rel="stylesheet">
-    <script src="../../../../js/url.js?1676326938"></script>
-    <script src="../../../../js/variant.js?1676326938"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1676402970" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1676402970" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1676402970" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1676402970" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1676402970" rel="stylesheet">
+    <link href="../../../../css/print.css?1676402970" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1676402970" rel="stylesheet">
+    <link href="../../../../css/ie.css?1676402970" rel="stylesheet">
+    <script src="../../../../js/url.js?1676402970"></script>
+    <script src="../../../../js/variant.js?1676402970"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -111,8 +111,8 @@
           </section>        </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1676326938" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1676326938" defer></script>
-    <script src="../../../../js/theme.js?1676326938" defer></script>
+    <script src="../../../../js/clipboard.min.js?1676402971" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1676402971" defer></script>
+    <script src="../../../../js/theme.js?1676402971" 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 a874924f86..2b81adfd27 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?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../../../css/nucleus.css?1676326936" rel="stylesheet">
-    <link href="../../../../../css/auto-complete.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1676326936" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1676326936" rel="stylesheet">
-    <link href="../../../../../css/theme-auto.css?1676326936" rel="stylesheet" id="variant-style">
-    <link href="../../../../../css/variant.css?1676326936" rel="stylesheet">
-    <link href="../../../../../css/print.css?1676326936" rel="stylesheet" media="print">
-    <link href="../../../../../css/ie.css?1676326936" rel="stylesheet">
-    <script src="../../../../../js/url.js?1676326936"></script>
-    <script src="../../../../../js/variant.js?1676326936"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../../../css/nucleus.css?1676402968" rel="stylesheet">
+    <link href="../../../../../css/auto-complete.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1676402968" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1676402968" rel="stylesheet">
+    <link href="../../../../../css/theme-auto.css?1676402968" rel="stylesheet" id="variant-style">
+    <link href="../../../../../css/variant.css?1676402968" rel="stylesheet">
+    <link href="../../../../../css/print.css?1676402968" rel="stylesheet" media="print">
+    <link href="../../../../../css/ie.css?1676402968" rel="stylesheet">
+    <script src="../../../../../js/url.js?1676402968"></script>
+    <script src="../../../../../js/variant.js?1676402968"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -123,12 +123,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -136,33 +136,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -185,12 +185,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../js/auto-complete.js?1676326936" defer></script>
-        <script src="../../../../../js/lunr/lunr.min.js?1676326936" defer></script>
-        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1676326936" defer></script>
-        <script src="../../../../../js/lunr/lunr.multi.min.js?1676326936" defer></script>
-        <script src="../../../../../js/lunr/lunr.en.min.js?1676326936" defer></script>
-        <script src="../../../../../js/search.js?1676326936" defer></script>
+        <script src="../../../../../js/auto-complete.js?1676402969" defer></script>
+        <script src="../../../../../js/lunr/lunr.min.js?1676402969" defer></script>
+        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1676402969" defer></script>
+        <script src="../../../../../js/lunr/lunr.multi.min.js?1676402969" defer></script>
+        <script src="../../../../../js/lunr/lunr.en.min.js?1676402969" defer></script>
+        <script src="../../../../../js/search.js?1676402969" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -290,14 +290,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -307,12 +307,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../../js/buttons.js?1676326937"></script>
+          <script async src="../../../../../js/buttons.js?1676402969"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../js/clipboard.min.js?1676326937" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1676326937" defer></script>
-    <script src="../../../../../js/theme.js?1676326937" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1676402969" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1676402969" defer></script>
+    <script src="../../../../../js/theme.js?1676402969" 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 e61182cd8c..be706ec0da 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?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../../../css/nucleus.css?1676326938" rel="stylesheet">
-    <link href="../../../../../css/auto-complete.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1676326938" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1676326938" rel="stylesheet">
-    <link href="../../../../../css/theme-auto.css?1676326938" rel="stylesheet" id="variant-style">
-    <link href="../../../../../css/variant.css?1676326938" rel="stylesheet">
-    <link href="../../../../../css/print.css?1676326938" rel="stylesheet" media="print">
-    <link href="../../../../../css/format-print.css?1676326938" rel="stylesheet">
-    <link href="../../../../../css/ie.css?1676326938" rel="stylesheet">
-    <script src="../../../../../js/url.js?1676326938"></script>
-    <script src="../../../../../js/variant.js?1676326938"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../../../css/nucleus.css?1676402970" rel="stylesheet">
+    <link href="../../../../../css/auto-complete.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1676402970" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1676402970" rel="stylesheet">
+    <link href="../../../../../css/theme-auto.css?1676402970" rel="stylesheet" id="variant-style">
+    <link href="../../../../../css/variant.css?1676402970" rel="stylesheet">
+    <link href="../../../../../css/print.css?1676402970" rel="stylesheet" media="print">
+    <link href="../../../../../css/format-print.css?1676402970" rel="stylesheet">
+    <link href="../../../../../css/ie.css?1676402970" rel="stylesheet">
+    <script src="../../../../../js/url.js?1676402970"></script>
+    <script src="../../../../../js/variant.js?1676402970"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -92,8 +92,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../js/clipboard.min.js?1676326938" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1676326938" defer></script>
-    <script src="../../../../../js/theme.js?1676326938" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1676402971" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1676402971" defer></script>
+    <script src="../../../../../js/theme.js?1676402971" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/children-4/index.html b/pir/shortcodes/children/children-4/index.html
index bac99040eb..4bf09f1ac7 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?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1676326936" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1676326936" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1676326936" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1676326936" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1676326936" rel="stylesheet">
-    <link href="../../../../css/print.css?1676326936" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1676326936" rel="stylesheet">
-    <script src="../../../../js/url.js?1676326936"></script>
-    <script src="../../../../js/variant.js?1676326936"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1676402968" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1676402968" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1676402968" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1676402968" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1676402968" rel="stylesheet">
+    <link href="../../../../css/print.css?1676402968" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1676402968" rel="stylesheet">
+    <script src="../../../../js/url.js?1676402968"></script>
+    <script src="../../../../js/variant.js?1676402968"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -121,12 +121,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -134,33 +134,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -183,12 +183,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1676326937" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1676326937" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1676326937" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1676326937" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1676326937" defer></script>
-        <script src="../../../../js/search.js?1676326937" defer></script>
+        <script src="../../../../js/auto-complete.js?1676402970" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1676402970" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1676402970" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1676402970" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1676402970" defer></script>
+        <script src="../../../../js/search.js?1676402970" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -289,14 +289,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -306,12 +306,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../js/buttons.js?1676326937"></script>
+          <script async src="../../../../js/buttons.js?1676402970"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1676326937" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1676326937" defer></script>
-    <script src="../../../../js/theme.js?1676326937" defer></script>
+    <script src="../../../../js/clipboard.min.js?1676402970" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1676402970" defer></script>
+    <script src="../../../../js/theme.js?1676402970" 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 4b4a952bbf..4adfa631ea 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?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1676326938" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1676326938" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1676326938" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1676326938" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1676326938" rel="stylesheet">
-    <link href="../../../../css/print.css?1676326938" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1676326938" rel="stylesheet">
-    <link href="../../../../css/ie.css?1676326938" rel="stylesheet">
-    <script src="../../../../js/url.js?1676326938"></script>
-    <script src="../../../../js/variant.js?1676326938"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1676402970" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1676402970" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1676402970" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1676402970" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1676402970" rel="stylesheet">
+    <link href="../../../../css/print.css?1676402970" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1676402970" rel="stylesheet">
+    <link href="../../../../css/ie.css?1676402970" rel="stylesheet">
+    <script src="../../../../js/url.js?1676402970"></script>
+    <script src="../../../../js/variant.js?1676402970"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -90,8 +90,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1676326938" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1676326938" defer></script>
-    <script src="../../../../js/theme.js?1676326938" defer></script>
+    <script src="../../../../js/clipboard.min.js?1676402971" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1676402971" defer></script>
+    <script src="../../../../js/theme.js?1676402971" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/index.html b/pir/shortcodes/children/index.html
index f882e5143d..5bf0a458db 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?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326936" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326936" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326936" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326936" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326936" rel="stylesheet">
-    <link href="../../../css/print.css?1676326936" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1676326936" rel="stylesheet">
-    <script src="../../../js/url.js?1676326936"></script>
-    <script src="../../../js/variant.js?1676326936"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402968" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402968" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402968" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402968" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402968" rel="stylesheet">
+    <link href="../../../css/print.css?1676402968" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1676402968" rel="stylesheet">
+    <script src="../../../js/url.js?1676402968"></script>
+    <script src="../../../js/variant.js?1676402968"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -329,12 +329,12 @@ So its rrrambl'n be used as descript'n.</p>
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -342,33 +342,33 @@ So its rrrambl'n be used as descript'n.</p>
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -391,12 +391,12 @@ So its rrrambl'n be used as descript'n.</p>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1676326937" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1676326937" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676326937" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1676326937" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1676326937" defer></script>
-        <script src="../../../js/search.js?1676326937" defer></script>
+        <script src="../../../js/auto-complete.js?1676402970" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1676402970" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676402970" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1676402970" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1676402970" defer></script>
+        <script src="../../../js/search.js?1676402970" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -496,14 +496,14 @@ So its rrrambl'n be used as descript'n.</p>
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -513,12 +513,12 @@ So its rrrambl'n be used as descript'n.</p>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1676326937"></script>
+          <script async src="../../../js/buttons.js?1676402970"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1676326937" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326937" defer></script>
-    <script src="../../../js/theme.js?1676326937" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402970" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402970" defer></script>
+    <script src="../../../js/theme.js?1676402970" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/index.print.html b/pir/shortcodes/children/index.print.html
index a342665335..77094df629 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?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326938" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326938" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326938" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326938" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326938" rel="stylesheet">
-    <link href="../../../css/print.css?1676326938" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1676326938" rel="stylesheet">
-    <link href="../../../css/ie.css?1676326938" rel="stylesheet">
-    <script src="../../../js/url.js?1676326938"></script>
-    <script src="../../../js/variant.js?1676326938"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402970" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402970" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402970" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402970" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402970" rel="stylesheet">
+    <link href="../../../css/print.css?1676402970" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1676402970" rel="stylesheet">
+    <link href="../../../css/ie.css?1676402970" rel="stylesheet">
+    <script src="../../../js/url.js?1676402970"></script>
+    <script src="../../../js/variant.js?1676402970"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -428,8 +428,8 @@ So its rrrambl'n be used as descript'n.</p>
           </section>        </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1676326938" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326938" defer></script>
-    <script src="../../../js/theme.js?1676326938" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402971" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402971" defer></script>
+    <script src="../../../js/theme.js?1676402971" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/test/index.html b/pir/shortcodes/children/test/index.html
index 6a5e5d2752..16b581744a 100644
--- a/pir/shortcodes/children/test/index.html
+++ b/pir/shortcodes/children/test/index.html
@@ -13,20 +13,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?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1676326936" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1676326936" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1676326936" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1676326936" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1676326936" rel="stylesheet">
-    <link href="../../../../css/print.css?1676326936" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1676326936" rel="stylesheet">
-    <script src="../../../../js/url.js?1676326936"></script>
-    <script src="../../../../js/variant.js?1676326936"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1676402968" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1676402968" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1676402968" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1676402968" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1676402968" rel="stylesheet">
+    <link href="../../../../css/print.css?1676402968" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1676402968" rel="stylesheet">
+    <script src="../../../../js/url.js?1676402968"></script>
+    <script src="../../../../js/variant.js?1676402968"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -118,12 +118,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -131,33 +131,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -180,12 +180,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1676326936" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1676326936" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1676326936" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1676326936" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1676326936" defer></script>
-        <script src="../../../../js/search.js?1676326936" defer></script>
+        <script src="../../../../js/auto-complete.js?1676402969" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1676402969" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1676402969" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1676402969" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1676402969" defer></script>
+        <script src="../../../../js/search.js?1676402969" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -285,14 +285,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -302,12 +302,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../js/buttons.js?1676326936"></script>
+          <script async src="../../../../js/buttons.js?1676402969"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1676326936" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1676326936" defer></script>
-    <script src="../../../../js/theme.js?1676326936" defer></script>
+    <script src="../../../../js/clipboard.min.js?1676402969" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1676402969" defer></script>
+    <script src="../../../../js/theme.js?1676402969" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/children/test/index.print.html b/pir/shortcodes/children/test/index.print.html
index 3fc9faeb7d..68f965ab35 100644
--- a/pir/shortcodes/children/test/index.print.html
+++ b/pir/shortcodes/children/test/index.print.html
@@ -13,21 +13,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?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1676326938" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1676326938" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1676326938" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1676326938" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1676326938" rel="stylesheet">
-    <link href="../../../../css/print.css?1676326938" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1676326938" rel="stylesheet">
-    <link href="../../../../css/ie.css?1676326938" rel="stylesheet">
-    <script src="../../../../js/url.js?1676326938"></script>
-    <script src="../../../../js/variant.js?1676326938"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1676402970" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1676402970" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1676402970" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1676402970" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1676402970" rel="stylesheet">
+    <link href="../../../../css/print.css?1676402970" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1676402970" rel="stylesheet">
+    <link href="../../../../css/ie.css?1676402970" rel="stylesheet">
+    <script src="../../../../js/url.js?1676402970"></script>
+    <script src="../../../../js/variant.js?1676402970"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -87,8 +87,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1676326938" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1676326938" defer></script>
-    <script src="../../../../js/theme.js?1676326938" defer></script>
+    <script src="../../../../js/clipboard.min.js?1676402971" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1676402971" defer></script>
+    <script src="../../../../js/theme.js?1676402971" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/expand/index.html b/pir/shortcodes/expand/index.html
index 6502bb2c88..686a40d36a 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?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326936" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326936" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326936" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326936" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326936" rel="stylesheet">
-    <link href="../../../css/print.css?1676326936" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1676326936" rel="stylesheet">
-    <script src="../../../js/url.js?1676326936"></script>
-    <script src="../../../js/variant.js?1676326936"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402968" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402968" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402968" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402968" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402968" rel="stylesheet">
+    <link href="../../../css/print.css?1676402968" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1676402968" rel="stylesheet">
+    <script src="../../../js/url.js?1676402968"></script>
+    <script src="../../../js/variant.js?1676402968"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -309,12 +309,12 @@ No need t' press ye!
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -322,33 +322,33 @@ No need t' press ye!
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -371,12 +371,12 @@ No need t' press ye!
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1676326936" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1676326936" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676326936" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1676326936" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1676326936" defer></script>
-        <script src="../../../js/search.js?1676326936" defer></script>
+        <script src="../../../js/auto-complete.js?1676402968" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1676402968" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676402968" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1676402968" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1676402968" defer></script>
+        <script src="../../../js/search.js?1676402968" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -476,14 +476,14 @@ No need t' press ye!
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -493,12 +493,12 @@ No need t' press ye!
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1676326936"></script>
+          <script async src="../../../js/buttons.js?1676402968"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1676326936" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326936" defer></script>
-    <script src="../../../js/theme.js?1676326936" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402968" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402968" defer></script>
+    <script src="../../../js/theme.js?1676402968" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/expand/index.print.html b/pir/shortcodes/expand/index.print.html
index 731b4a3656..39e10fdcb6 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?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326938" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326938" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326938" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326938" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326938" rel="stylesheet">
-    <link href="../../../css/print.css?1676326938" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1676326938" rel="stylesheet">
-    <link href="../../../css/ie.css?1676326938" rel="stylesheet">
-    <script src="../../../js/url.js?1676326938"></script>
-    <script src="../../../js/variant.js?1676326938"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402970" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402970" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402970" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402970" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402970" rel="stylesheet">
+    <link href="../../../css/print.css?1676402970" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1676402970" rel="stylesheet">
+    <link href="../../../css/ie.css?1676402970" rel="stylesheet">
+    <script src="../../../js/url.js?1676402970"></script>
+    <script src="../../../js/variant.js?1676402970"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -257,8 +257,8 @@ No need t' press ye!
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1676326938" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326938" defer></script>
-    <script src="../../../js/theme.js?1676326938" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402971" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402971" defer></script>
+    <script src="../../../js/theme.js?1676402971" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/icon/index.html b/pir/shortcodes/icon/index.html
index 01a0a72379..b6671b73c6 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?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326936" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326936" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326936" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326936" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326936" rel="stylesheet">
-    <link href="../../../css/print.css?1676326936" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1676326936" rel="stylesheet">
-    <script src="../../../js/url.js?1676326936"></script>
-    <script src="../../../js/variant.js?1676326936"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402968" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402968" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402968" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402968" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402968" rel="stylesheet">
+    <link href="../../../css/print.css?1676402968" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1676402968" rel="stylesheet">
+    <script src="../../../js/url.js?1676402968"></script>
+    <script src="../../../js/variant.js?1676402968"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -248,12 +248,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -261,33 +261,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -310,12 +310,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1676326936" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1676326936" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676326936" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1676326936" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1676326936" defer></script>
-        <script src="../../../js/search.js?1676326936" defer></script>
+        <script src="../../../js/auto-complete.js?1676402968" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1676402968" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676402968" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1676402968" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1676402968" defer></script>
+        <script src="../../../js/search.js?1676402968" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -415,14 +415,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -432,12 +432,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1676326936"></script>
+          <script async src="../../../js/buttons.js?1676402968"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1676326936" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326936" defer></script>
-    <script src="../../../js/theme.js?1676326936" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402968" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402968" defer></script>
+    <script src="../../../js/theme.js?1676402968" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/icon/index.print.html b/pir/shortcodes/icon/index.print.html
index 9b6f868bc5..f6db61149a 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?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326938" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326938" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326938" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326938" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326938" rel="stylesheet">
-    <link href="../../../css/print.css?1676326938" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1676326938" rel="stylesheet">
-    <link href="../../../css/ie.css?1676326938" rel="stylesheet">
-    <script src="../../../js/url.js?1676326938"></script>
-    <script src="../../../js/variant.js?1676326938"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402970" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402970" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402970" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402970" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402970" rel="stylesheet">
+    <link href="../../../css/print.css?1676402970" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1676402970" rel="stylesheet">
+    <link href="../../../css/ie.css?1676402970" rel="stylesheet">
+    <script src="../../../js/url.js?1676402970"></script>
+    <script src="../../../js/variant.js?1676402970"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -195,8 +195,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1676326938" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326938" defer></script>
-    <script src="../../../js/theme.js?1676326938" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402971" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402971" defer></script>
+    <script src="../../../js/theme.js?1676402971" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/include/index.html b/pir/shortcodes/include/index.html
index 2a9ddf8b5f..e41ad3312f 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?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326936" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326936" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326936" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326936" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326936" rel="stylesheet">
-    <link href="../../../css/print.css?1676326936" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1676326936" rel="stylesheet">
-    <script src="../../../js/url.js?1676326936"></script>
-    <script src="../../../js/variant.js?1676326936"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402968" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402968" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402968" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402968" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402968" rel="stylesheet">
+    <link href="../../../css/print.css?1676402968" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1676402968" rel="stylesheet">
+    <script src="../../../js/url.js?1676402968"></script>
+    <script src="../../../js/variant.js?1676402968"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -228,12 +228,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -241,33 +241,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -290,12 +290,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1676326936" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1676326936" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676326936" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1676326936" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1676326936" defer></script>
-        <script src="../../../js/search.js?1676326936" defer></script>
+        <script src="../../../js/auto-complete.js?1676402968" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1676402968" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676402968" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1676402968" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1676402968" defer></script>
+        <script src="../../../js/search.js?1676402968" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -395,14 +395,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -412,12 +412,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1676326936"></script>
+          <script async src="../../../js/buttons.js?1676402968"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1676326936" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326936" defer></script>
-    <script src="../../../js/theme.js?1676326936" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402968" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402968" defer></script>
+    <script src="../../../js/theme.js?1676402968" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/include/index.print.html b/pir/shortcodes/include/index.print.html
index a139791aae..5ae6c42c6e 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?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326938" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326938" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326938" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326938" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326938" rel="stylesheet">
-    <link href="../../../css/print.css?1676326938" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1676326938" rel="stylesheet">
-    <link href="../../../css/ie.css?1676326938" rel="stylesheet">
-    <script src="../../../js/url.js?1676326938"></script>
-    <script src="../../../js/variant.js?1676326938"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402970" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402970" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402970" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402970" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402970" rel="stylesheet">
+    <link href="../../../css/print.css?1676402970" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1676402970" rel="stylesheet">
+    <link href="../../../css/ie.css?1676402970" rel="stylesheet">
+    <script src="../../../js/url.js?1676402970"></script>
+    <script src="../../../js/variant.js?1676402970"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -178,8 +178,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1676326938" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326938" defer></script>
-    <script src="../../../js/theme.js?1676326938" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402971" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402971" defer></script>
+    <script src="../../../js/theme.js?1676402971" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/index.html b/pir/shortcodes/index.html
index fa3738d6f8..0df86ed8d4 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?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1676326936" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1676326936" rel="stylesheet">
-    <link href="../../css/fonts.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1676326936" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1676326936" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1676326936" rel="stylesheet">
-    <link href="../../css/print.css?1676326936" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1676326936" rel="stylesheet">
-    <script src="../../js/url.js?1676326936"></script>
-    <script src="../../js/variant.js?1676326936"></script>
+    <link href="../../css/fontawesome-all.min.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1676402968" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1676402968" rel="stylesheet">
+    <link href="../../css/fonts.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1676402968" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1676402968" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1676402968" rel="stylesheet">
+    <link href="../../css/print.css?1676402968" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1676402968" rel="stylesheet">
+    <script src="../../js/url.js?1676402968"></script>
+    <script src="../../js/variant.js?1676402968"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -137,12 +137,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -150,33 +150,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -199,12 +199,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1676326937" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1676326937" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1676326937" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1676326937" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1676326937" defer></script>
-        <script src="../../js/search.js?1676326937" defer></script>
+        <script src="../../js/auto-complete.js?1676402970" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1676402970" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1676402970" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1676402970" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1676402970" defer></script>
+        <script src="../../js/search.js?1676402970" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -304,14 +304,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -321,12 +321,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1676326937"></script>
+          <script async src="../../js/buttons.js?1676402970"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1676326937" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1676326937" defer></script>
-    <script src="../../js/theme.js?1676326937" defer></script>
+    <script src="../../js/clipboard.min.js?1676402970" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1676402970" defer></script>
+    <script src="../../js/theme.js?1676402970" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/index.print.html b/pir/shortcodes/index.print.html
index f72edafec2..c03ae5b070 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?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1676326938" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1676326938" rel="stylesheet">
-    <link href="../../css/fonts.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1676326938" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1676326938" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1676326938" rel="stylesheet">
-    <link href="../../css/print.css?1676326938" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1676326938" rel="stylesheet">
-    <link href="../../css/ie.css?1676326938" rel="stylesheet">
-    <script src="../../js/url.js?1676326938"></script>
-    <script src="../../js/variant.js?1676326938"></script>
+    <link href="../../css/fontawesome-all.min.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1676402970" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1676402970" rel="stylesheet">
+    <link href="../../css/fonts.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1676402970" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1676402970" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1676402970" rel="stylesheet">
+    <link href="../../css/print.css?1676402970" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1676402970" rel="stylesheet">
+    <link href="../../css/ie.css?1676402970" rel="stylesheet">
+    <script src="../../js/url.js?1676402970"></script>
+    <script src="../../js/variant.js?1676402970"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -3273,8 +3273,8 @@ C4Context
           </section>        </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1676326938" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1676326938" defer></script>
-    <script src="../../js/theme.js?1676326938" defer></script>
+    <script src="../../js/clipboard.min.js?1676402971" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1676402971" defer></script>
+    <script src="../../js/theme.js?1676402971" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/math/index.html b/pir/shortcodes/math/index.html
index bb89963d88..9a08df159f 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?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326936" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326936" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326936" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326936" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326936" rel="stylesheet">
-    <link href="../../../css/print.css?1676326936" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1676326936" rel="stylesheet">
-    <script src="../../../js/url.js?1676326936"></script>
-    <script src="../../../js/variant.js?1676326936"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402968" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402968" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402968" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402968" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402968" rel="stylesheet">
+    <link href="../../../css/print.css?1676402968" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1676402968" rel="stylesheet">
+    <script src="../../../js/url.js?1676402968"></script>
+    <script src="../../../js/variant.js?1676402968"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -303,12 +303,12 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -316,33 +316,33 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -365,12 +365,12 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1676326936" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1676326936" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676326936" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1676326936" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1676326936" defer></script>
-        <script src="../../../js/search.js?1676326936" defer></script>
+        <script src="../../../js/auto-complete.js?1676402969" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1676402969" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676402969" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1676402969" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1676402969" defer></script>
+        <script src="../../../js/search.js?1676402969" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -470,14 +470,14 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -487,12 +487,12 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1676326936"></script>
+          <script async src="../../../js/buttons.js?1676402969"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1676326936" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326936" defer></script>
-    <script src="../../../js/theme.js?1676326936" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402969" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402969" defer></script>
+    <script src="../../../js/theme.js?1676402969" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/math/index.print.html b/pir/shortcodes/math/index.print.html
index 6035933e13..24a9dff69e 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?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326938" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326938" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326938" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326938" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326938" rel="stylesheet">
-    <link href="../../../css/print.css?1676326938" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1676326938" rel="stylesheet">
-    <link href="../../../css/ie.css?1676326938" rel="stylesheet">
-    <script src="../../../js/url.js?1676326938"></script>
-    <script src="../../../js/variant.js?1676326938"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402970" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402970" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402970" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402970" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402970" rel="stylesheet">
+    <link href="../../../css/print.css?1676402970" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1676402970" rel="stylesheet">
+    <link href="../../../css/ie.css?1676402970" rel="stylesheet">
+    <script src="../../../js/url.js?1676402970"></script>
+    <script src="../../../js/variant.js?1676402970"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -244,8 +244,8 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1676326938" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326938" defer></script>
-    <script src="../../../js/theme.js?1676326938" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402971" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402971" defer></script>
+    <script src="../../../js/theme.js?1676402971" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/mermaid/index.html b/pir/shortcodes/mermaid/index.html
index 7a7cf3ccf9..710594624d 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?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326936" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326936" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326936" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326936" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326936" rel="stylesheet">
-    <link href="../../../css/print.css?1676326936" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1676326936" rel="stylesheet">
-    <script src="../../../js/url.js?1676326936"></script>
-    <script src="../../../js/variant.js?1676326936"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402968" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402968" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402968" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402968" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402968" rel="stylesheet">
+    <link href="../../../css/print.css?1676402968" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1676402968" rel="stylesheet">
+    <script src="../../../js/url.js?1676402968"></script>
+    <script src="../../../js/variant.js?1676402968"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -665,12 +665,12 @@ C4Context
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -678,33 +678,33 @@ C4Context
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -727,12 +727,12 @@ C4Context
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1676326936" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1676326936" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676326936" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1676326936" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1676326936" defer></script>
-        <script src="../../../js/search.js?1676326936" defer></script>
+        <script src="../../../js/auto-complete.js?1676402969" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1676402969" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676402969" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1676402969" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1676402969" defer></script>
+        <script src="../../../js/search.js?1676402969" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -832,14 +832,14 @@ C4Context
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -849,12 +849,12 @@ C4Context
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1676326936"></script>
+          <script async src="../../../js/buttons.js?1676402969"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1676326936" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326936" defer></script>
-    <script src="../../../js/theme.js?1676326936" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402969" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402969" defer></script>
+    <script src="../../../js/theme.js?1676402969" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/mermaid/index.print.html b/pir/shortcodes/mermaid/index.print.html
index b7728fceb9..ea5c77755a 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?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326938" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326938" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326938" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326938" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326938" rel="stylesheet">
-    <link href="../../../css/print.css?1676326938" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1676326938" rel="stylesheet">
-    <link href="../../../css/ie.css?1676326938" rel="stylesheet">
-    <script src="../../../js/url.js?1676326938"></script>
-    <script src="../../../js/variant.js?1676326938"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402970" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402970" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402970" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402970" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402970" rel="stylesheet">
+    <link href="../../../css/print.css?1676402970" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1676402970" rel="stylesheet">
+    <link href="../../../css/ie.css?1676402970" rel="stylesheet">
+    <script src="../../../js/url.js?1676402970"></script>
+    <script src="../../../js/variant.js?1676402970"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -599,8 +599,8 @@ C4Context
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1676326938" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326938" defer></script>
-    <script src="../../../js/theme.js?1676326938" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402971" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402971" defer></script>
+    <script src="../../../js/theme.js?1676402971" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/notice/index.html b/pir/shortcodes/notice/index.html
index 13584e1123..f6417c33bd 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?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326936" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326936" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326936" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326936" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326936" rel="stylesheet">
-    <link href="../../../css/print.css?1676326936" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1676326936" rel="stylesheet">
-    <script src="../../../js/url.js?1676326936"></script>
-    <script src="../../../js/variant.js?1676326936"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402968" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402968" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402968" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402968" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402968" rel="stylesheet">
+    <link href="../../../css/print.css?1676402968" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1676402968" rel="stylesheet">
+    <script src="../../../js/url.js?1676402968"></script>
+    <script src="../../../js/variant.js?1676402968"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -465,12 +465,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -478,33 +478,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -527,12 +527,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1676326936" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1676326936" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676326936" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1676326936" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1676326936" defer></script>
-        <script src="../../../js/search.js?1676326936" defer></script>
+        <script src="../../../js/auto-complete.js?1676402969" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1676402969" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676402969" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1676402969" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1676402969" defer></script>
+        <script src="../../../js/search.js?1676402969" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -632,14 +632,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -649,12 +649,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1676326936"></script>
+          <script async src="../../../js/buttons.js?1676402969"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1676326936" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326936" defer></script>
-    <script src="../../../js/theme.js?1676326936" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402969" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402969" defer></script>
+    <script src="../../../js/theme.js?1676402969" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/notice/index.print.html b/pir/shortcodes/notice/index.print.html
index 06a71d7ecc..b914e4095d 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?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326938" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326938" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326938" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326938" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326938" rel="stylesheet">
-    <link href="../../../css/print.css?1676326938" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1676326938" rel="stylesheet">
-    <link href="../../../css/ie.css?1676326938" rel="stylesheet">
-    <script src="../../../js/url.js?1676326938"></script>
-    <script src="../../../js/variant.js?1676326938"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402970" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402970" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402970" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402970" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402970" rel="stylesheet">
+    <link href="../../../css/print.css?1676402970" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1676402970" rel="stylesheet">
+    <link href="../../../css/ie.css?1676402970" rel="stylesheet">
+    <script src="../../../js/url.js?1676402970"></script>
+    <script src="../../../js/variant.js?1676402970"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -411,8 +411,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1676326938" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326938" defer></script>
-    <script src="../../../js/theme.js?1676326938" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402971" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402971" defer></script>
+    <script src="../../../js/theme.js?1676402971" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/siteparam/index.html b/pir/shortcodes/siteparam/index.html
index 385a1f2574..c33ba946e3 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="Ship param :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/siteparam/index.print.html" rel="alternate" type="text/html" title="Ship param :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326936" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326936" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326936" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326936" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326936" rel="stylesheet">
-    <link href="../../../css/print.css?1676326936" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1676326936" rel="stylesheet">
-    <script src="../../../js/url.js?1676326936"></script>
-    <script src="../../../js/variant.js?1676326936"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402968" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402968" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402968" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402968" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402968" rel="stylesheet">
+    <link href="../../../css/print.css?1676402968" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1676402968" rel="stylesheet">
+    <script src="../../../js/url.js?1676402968"></script>
+    <script src="../../../js/variant.js?1676402968"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -210,12 +210,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -223,33 +223,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -272,12 +272,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1676326936" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1676326936" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676326936" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1676326936" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1676326936" defer></script>
-        <script src="../../../js/search.js?1676326936" defer></script>
+        <script src="../../../js/auto-complete.js?1676402969" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1676402969" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676402969" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1676402969" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1676402969" defer></script>
+        <script src="../../../js/search.js?1676402969" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -377,14 +377,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -394,12 +394,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1676326936"></script>
+          <script async src="../../../js/buttons.js?1676402969"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1676326936" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326936" defer></script>
-    <script src="../../../js/theme.js?1676326936" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402969" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402969" defer></script>
+    <script src="../../../js/theme.js?1676402969" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/siteparam/index.print.html b/pir/shortcodes/siteparam/index.print.html
index cf7212ec5f..9e49ed2b6e 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="Ship param :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/siteparam/index.xml" rel="alternate" type="application/rss+xml" title="Ship param :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326938" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326938" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326938" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326938" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326938" rel="stylesheet">
-    <link href="../../../css/print.css?1676326938" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1676326938" rel="stylesheet">
-    <link href="../../../css/ie.css?1676326938" rel="stylesheet">
-    <script src="../../../js/url.js?1676326938"></script>
-    <script src="../../../js/variant.js?1676326938"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402970" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402970" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402970" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402970" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402970" rel="stylesheet">
+    <link href="../../../css/print.css?1676402970" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1676402970" rel="stylesheet">
+    <link href="../../../css/ie.css?1676402970" rel="stylesheet">
+    <script src="../../../js/url.js?1676402970"></script>
+    <script src="../../../js/variant.js?1676402970"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -160,8 +160,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1676326938" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326938" defer></script>
-    <script src="../../../js/theme.js?1676326938" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402971" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402971" defer></script>
+    <script src="../../../js/theme.js?1676402971" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/swagger/index.html b/pir/shortcodes/swagger/index.html
index 5008ee8349..9389c39896 100644
--- a/pir/shortcodes/swagger/index.html
+++ b/pir/shortcodes/swagger/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/swagger/index.html" rel="alternate" hreflang="pir">
     <link href="../../../pir/shortcodes/swagger/index.xml" rel="alternate" type="application/rss+xml" title="Swaggerrr :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/swagger/index.print.html" rel="alternate" type="text/html" title="Swaggerrr :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326936" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326936" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326936" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326936" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326936" rel="stylesheet">
-    <link href="../../../css/print.css?1676326936" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1676326936" rel="stylesheet">
-    <script src="../../../js/url.js?1676326936"></script>
-    <script src="../../../js/variant.js?1676326936"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402968" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402968" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402968" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402968" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402968" rel="stylesheet">
+    <link href="../../../css/print.css?1676402968" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1676402968" rel="stylesheet">
+    <script src="../../../js/url.js?1676402968"></script>
+    <script src="../../../js/variant.js?1676402968"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -243,12 +243,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -256,33 +256,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -305,12 +305,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1676326938" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1676326938" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676326938" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1676326938" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1676326938" defer></script>
-        <script src="../../../js/search.js?1676326938" defer></script>
+        <script src="../../../js/auto-complete.js?1676402970" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1676402970" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676402970" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1676402970" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1676402970" defer></script>
+        <script src="../../../js/search.js?1676402970" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -410,14 +410,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -427,12 +427,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1676326938"></script>
+          <script async src="../../../js/buttons.js?1676402970"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1676326938" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326938" defer></script>
-    <script src="../../../js/theme.js?1676326938" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402970" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402970" defer></script>
+    <script src="../../../js/theme.js?1676402970" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/swagger/index.print.html b/pir/shortcodes/swagger/index.print.html
index f3a8853fd5..3e644d5004 100644
--- a/pir/shortcodes/swagger/index.print.html
+++ b/pir/shortcodes/swagger/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/swagger/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/swagger/index.html" rel="canonical" type="text/html" title="Swaggerrr :: Cap&#39;n Hugo Relearrrn Theme">
     <link href="../../../pir/shortcodes/swagger/index.xml" rel="alternate" type="application/rss+xml" title="Swaggerrr :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326938" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326938" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326938" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326938" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326938" rel="stylesheet">
-    <link href="../../../css/print.css?1676326938" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1676326938" rel="stylesheet">
-    <link href="../../../css/ie.css?1676326938" rel="stylesheet">
-    <script src="../../../js/url.js?1676326938"></script>
-    <script src="../../../js/variant.js?1676326938"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402970" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402970" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402970" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402970" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402970" rel="stylesheet">
+    <link href="../../../css/print.css?1676402970" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1676402970" rel="stylesheet">
+    <link href="../../../css/ie.css?1676402970" rel="stylesheet">
+    <script src="../../../js/url.js?1676402970"></script>
+    <script src="../../../js/variant.js?1676402970"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -188,8 +188,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1676326938" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326938" defer></script>
-    <script src="../../../js/theme.js?1676326938" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402971" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402971" defer></script>
+    <script src="../../../js/theme.js?1676402971" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/tabs/index.html b/pir/shortcodes/tabs/index.html
index 18c3445347..fc4e7b8de3 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?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326936" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326936" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326936" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326936" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326936" rel="stylesheet">
-    <link href="../../../css/print.css?1676326936" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1676326936" rel="stylesheet">
-    <script src="../../../js/url.js?1676326936"></script>
-    <script src="../../../js/variant.js?1676326936"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402968" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402968" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402968" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402968" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402968" rel="stylesheet">
+    <link href="../../../css/print.css?1676402968" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1676402968" rel="stylesheet">
+    <script src="../../../js/url.js?1676402968"></script>
+    <script src="../../../js/variant.js?1676402968"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -519,12 +519,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -532,33 +532,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -581,12 +581,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1676326937" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1676326937" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676326937" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1676326937" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1676326937" defer></script>
-        <script src="../../../js/search.js?1676326937" defer></script>
+        <script src="../../../js/auto-complete.js?1676402969" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1676402969" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676402969" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1676402969" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1676402969" defer></script>
+        <script src="../../../js/search.js?1676402969" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -686,14 +686,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -703,12 +703,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1676326937"></script>
+          <script async src="../../../js/buttons.js?1676402969"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1676326937" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326937" defer></script>
-    <script src="../../../js/theme.js?1676326937" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402969" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402969" defer></script>
+    <script src="../../../js/theme.js?1676402969" defer></script>
   </body>
 </html>
diff --git a/pir/shortcodes/tabs/index.print.html b/pir/shortcodes/tabs/index.print.html
index 8e40c4b85a..81b1668fc6 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?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326938" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326938" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326938" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326938" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326938" rel="stylesheet">
-    <link href="../../../css/print.css?1676326938" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1676326938" rel="stylesheet">
-    <link href="../../../css/ie.css?1676326938" rel="stylesheet">
-    <script src="../../../js/url.js?1676326938"></script>
-    <script src="../../../js/variant.js?1676326938"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402970" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402970" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402970" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402970" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402970" rel="stylesheet">
+    <link href="../../../css/print.css?1676402970" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1676402970" rel="stylesheet">
+    <link href="../../../css/ie.css?1676402970" rel="stylesheet">
+    <script src="../../../js/url.js?1676402970"></script>
+    <script src="../../../js/variant.js?1676402970"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -467,8 +467,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1676326938" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326938" defer></script>
-    <script src="../../../js/theme.js?1676326938" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402971" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402971" defer></script>
+    <script src="../../../js/theme.js?1676402971" defer></script>
   </body>
 </html>
diff --git a/pir/tags/children/index.html b/pir/tags/children/index.html
index f40d03c4c5..05c7aab13c 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 :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326936" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326936" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326936" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326936" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326936" rel="stylesheet">
-    <link href="../../../css/print.css?1676326936" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1676326936" rel="stylesheet">
-    <script src="../../../js/url.js?1676326936"></script>
-    <script src="../../../js/variant.js?1676326936"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402968" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402968" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402968" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402968" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402968" rel="stylesheet">
+    <link href="../../../css/print.css?1676402968" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1676402968" rel="stylesheet">
+    <script src="../../../js/url.js?1676402968"></script>
+    <script src="../../../js/variant.js?1676402968"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -117,12 +117,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -130,33 +130,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -179,12 +179,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1676326938" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1676326938" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676326938" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1676326938" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1676326938" defer></script>
-        <script src="../../../js/search.js?1676326938" defer></script>
+        <script src="../../../js/auto-complete.js?1676402970" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1676402970" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676402970" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1676402970" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1676402970" defer></script>
+        <script src="../../../js/search.js?1676402970" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -284,14 +284,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -301,12 +301,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1676326938"></script>
+          <script async src="../../../js/buttons.js?1676402970"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1676326938" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326938" defer></script>
-    <script src="../../../js/theme.js?1676326938" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402970" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402970" defer></script>
+    <script src="../../../js/theme.js?1676402970" defer></script>
   </body>
 </html>
diff --git a/pir/tags/documentatn/index.html b/pir/tags/documentatn/index.html
index e43b5f2320..43b3f41b25 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 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="../../../pir/tags/documentatn/index.xml" rel="alternate" type="application/rss+xml" title="documentat&#39;n :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326936" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326936" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326936" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326936" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326936" rel="stylesheet">
-    <link href="../../../css/print.css?1676326936" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1676326936" rel="stylesheet">
-    <script src="../../../js/url.js?1676326936"></script>
-    <script src="../../../js/variant.js?1676326936"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402968" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402968" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402968" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402968" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402968" rel="stylesheet">
+    <link href="../../../css/print.css?1676402968" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1676402968" rel="stylesheet">
+    <script src="../../../js/url.js?1676402968"></script>
+    <script src="../../../js/variant.js?1676402968"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -101,12 +101,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -114,33 +114,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -163,12 +163,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1676326938" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1676326938" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676326938" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1676326938" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1676326938" defer></script>
-        <script src="../../../js/search.js?1676326938" defer></script>
+        <script src="../../../js/auto-complete.js?1676402970" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1676402970" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676402970" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1676402970" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1676402970" defer></script>
+        <script src="../../../js/search.js?1676402970" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -267,14 +267,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -284,12 +284,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1676326938"></script>
+          <script async src="../../../js/buttons.js?1676402970"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1676326938" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326938" defer></script>
-    <script src="../../../js/theme.js?1676326938" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402970" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402970" defer></script>
+    <script src="../../../js/theme.js?1676402970" defer></script>
   </body>
 </html>
diff --git a/pir/tags/hidden/index.html b/pir/tags/hidden/index.html
index ba5efdab66..393a1e925a 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 :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326936" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326936" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326936" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326936" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326936" rel="stylesheet">
-    <link href="../../../css/print.css?1676326936" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1676326936" rel="stylesheet">
-    <script src="../../../js/url.js?1676326936"></script>
-    <script src="../../../js/variant.js?1676326936"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402968" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402968" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402968" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402968" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402968" rel="stylesheet">
+    <link href="../../../css/print.css?1676402968" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1676402968" rel="stylesheet">
+    <script src="../../../js/url.js?1676402968"></script>
+    <script src="../../../js/variant.js?1676402968"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -108,12 +108,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -121,33 +121,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -170,12 +170,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1676326938" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1676326938" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676326938" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1676326938" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1676326938" defer></script>
-        <script src="../../../js/search.js?1676326938" defer></script>
+        <script src="../../../js/auto-complete.js?1676402970" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1676402970" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676402970" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1676402970" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1676402970" defer></script>
+        <script src="../../../js/search.js?1676402970" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -275,14 +275,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -292,12 +292,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1676326938"></script>
+          <script async src="../../../js/buttons.js?1676402970"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1676326938" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326938" defer></script>
-    <script src="../../../js/theme.js?1676326938" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402970" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402970" defer></script>
+    <script src="../../../js/theme.js?1676402970" defer></script>
   </body>
 </html>
diff --git a/pir/tags/index.html b/pir/tags/index.html
index 050b56794a..1019ad6bb6 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="Tags :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../images/logo.svg?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1676326936" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1676326936" rel="stylesheet">
-    <link href="../../css/fonts.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1676326936" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1676326936" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1676326936" rel="stylesheet">
-    <link href="../../css/print.css?1676326936" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1676326936" rel="stylesheet">
-    <script src="../../js/url.js?1676326936"></script>
-    <script src="../../js/variant.js?1676326936"></script>
+    <link href="../../css/fontawesome-all.min.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1676402968" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1676402968" rel="stylesheet">
+    <link href="../../css/fonts.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1676402968" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1676402968" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1676402968" rel="stylesheet">
+    <link href="../../css/print.css?1676402968" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1676402968" rel="stylesheet">
+    <script src="../../js/url.js?1676402968"></script>
+    <script src="../../js/variant.js?1676402968"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -107,12 +107,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -120,33 +120,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -169,12 +169,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1676326938" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1676326938" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1676326938" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1676326938" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1676326938" defer></script>
-        <script src="../../js/search.js?1676326938" defer></script>
+        <script src="../../js/auto-complete.js?1676402970" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1676402970" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1676402970" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1676402970" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1676402970" defer></script>
+        <script src="../../js/search.js?1676402970" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -274,14 +274,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -291,12 +291,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1676326938"></script>
+          <script async src="../../js/buttons.js?1676402970"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1676326938" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1676326938" defer></script>
-    <script src="../../js/theme.js?1676326938" defer></script>
+    <script src="../../js/clipboard.min.js?1676402970" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1676402970" defer></script>
+    <script src="../../js/theme.js?1676402970" defer></script>
   </body>
 </html>
diff --git a/pir/tags/non-hidden/index.html b/pir/tags/non-hidden/index.html
index 742c037646..71bb632a53 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 :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326936" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326936" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326936" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326936" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326936" rel="stylesheet">
-    <link href="../../../css/print.css?1676326936" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1676326936" rel="stylesheet">
-    <script src="../../../js/url.js?1676326936"></script>
-    <script src="../../../js/variant.js?1676326936"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402968" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402968" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402968" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402968" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402968" rel="stylesheet">
+    <link href="../../../css/print.css?1676402968" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1676402968" rel="stylesheet">
+    <script src="../../../js/url.js?1676402968"></script>
+    <script src="../../../js/variant.js?1676402968"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -112,12 +112,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -125,33 +125,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -174,12 +174,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1676326938" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1676326938" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676326938" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1676326938" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1676326938" defer></script>
-        <script src="../../../js/search.js?1676326938" defer></script>
+        <script src="../../../js/auto-complete.js?1676402970" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1676402970" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676402970" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1676402970" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1676402970" defer></script>
+        <script src="../../../js/search.js?1676402970" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -279,14 +279,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -296,12 +296,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1676326938"></script>
+          <script async src="../../../js/buttons.js?1676402970"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1676326938" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326938" defer></script>
-    <script src="../../../js/theme.js?1676326938" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402970" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402970" defer></script>
+    <script src="../../../js/theme.js?1676402970" defer></script>
   </body>
 </html>
diff --git a/pir/tags/tutorrrial/index.html b/pir/tags/tutorrrial/index.html
index 27e9043a8e..d7444e5f7c 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 :: Cap&#39;n Hugo Relearrrn Theme</title>
     <link href="../../../pir/tags/tutorrrial/index.xml" rel="alternate" type="application/rss+xml" title="tutorrrial :: Cap&#39;n Hugo Relearrrn Theme">
-    <link href="../../../images/logo.svg?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326936" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326936" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326936" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326936" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326936" rel="stylesheet">
-    <link href="../../../css/print.css?1676326936" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1676326936" rel="stylesheet">
-    <script src="../../../js/url.js?1676326936"></script>
-    <script src="../../../js/variant.js?1676326936"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402968" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402968" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402968" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402968" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402968" rel="stylesheet">
+    <link href="../../../css/print.css?1676402968" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1676402968" rel="stylesheet">
+    <script src="../../../js/url.js?1676402968"></script>
+    <script src="../../../js/variant.js?1676402968"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -101,12 +101,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -114,33 +114,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -163,12 +163,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1676326938" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1676326938" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676326938" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1676326938" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1676326938" defer></script>
-        <script src="../../../js/search.js?1676326938" defer></script>
+        <script src="../../../js/auto-complete.js?1676402970" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1676402970" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676402970" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1676402970" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1676402970" defer></script>
+        <script src="../../../js/search.js?1676402970" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -267,14 +267,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -284,12 +284,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1676326938"></script>
+          <script async src="../../../js/buttons.js?1676402970"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1676326938" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326938" defer></script>
-    <script src="../../../js/theme.js?1676326938" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402970" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402970" defer></script>
+    <script src="../../../js/theme.js?1676402970" defer></script>
   </body>
 </html>
diff --git a/pir/tests/attach/attach1/index.html b/pir/tests/attach/attach1/index.html
index a0652b25af..cff3165b0a 100644
--- a/pir/tests/attach/attach1/index.html
+++ b/pir/tests/attach/attach1/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/attach/attach1/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/attach/attach1/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/attach/attach1/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../images/logo.svg?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1676326936" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1676326936" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1676326936" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1676326936" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1676326936" rel="stylesheet">
-    <link href="../../../../css/print.css?1676326936" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1676326936" rel="stylesheet">
-    <script src="../../../../js/url.js?1676326936"></script>
-    <script src="../../../../js/variant.js?1676326936"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1676402968" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1676402968" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1676402968" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1676402968" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1676402968" rel="stylesheet">
+    <link href="../../../../css/print.css?1676402968" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1676402968" rel="stylesheet">
+    <script src="../../../../js/url.js?1676402968"></script>
+    <script src="../../../../js/variant.js?1676402968"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -121,12 +121,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -134,33 +134,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -183,12 +183,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1676326938" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1676326938" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1676326938" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1676326938" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1676326938" defer></script>
-        <script src="../../../../js/search.js?1676326938" defer></script>
+        <script src="../../../../js/auto-complete.js?1676402970" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1676402970" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1676402970" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1676402970" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1676402970" defer></script>
+        <script src="../../../../js/search.js?1676402970" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -308,14 +308,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -325,12 +325,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../js/buttons.js?1676326938"></script>
+          <script async src="../../../../js/buttons.js?1676402970"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1676326938" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1676326938" defer></script>
-    <script src="../../../../js/theme.js?1676326938" defer></script>
+    <script src="../../../../js/clipboard.min.js?1676402970" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1676402970" defer></script>
+    <script src="../../../../js/theme.js?1676402970" defer></script>
   </body>
 </html>
diff --git a/pir/tests/attach/attach1/index.print.html b/pir/tests/attach/attach1/index.print.html
index ef900efe0a..8145898a8d 100644
--- a/pir/tests/attach/attach1/index.print.html
+++ b/pir/tests/attach/attach1/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/attach/attach1/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/attach/attach1/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/attach/attach1/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../images/logo.svg?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1676326938" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1676326938" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1676326938" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1676326938" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1676326938" rel="stylesheet">
-    <link href="../../../../css/print.css?1676326938" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1676326938" rel="stylesheet">
-    <link href="../../../../css/ie.css?1676326938" rel="stylesheet">
-    <script src="../../../../js/url.js?1676326938"></script>
-    <script src="../../../../js/variant.js?1676326938"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1676402970" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1676402970" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1676402970" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1676402970" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1676402970" rel="stylesheet">
+    <link href="../../../../css/print.css?1676402970" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1676402970" rel="stylesheet">
+    <link href="../../../../css/ie.css?1676402970" rel="stylesheet">
+    <script src="../../../../js/url.js?1676402970"></script>
+    <script src="../../../../js/variant.js?1676402970"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -90,8 +90,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1676326938" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1676326938" defer></script>
-    <script src="../../../../js/theme.js?1676326938" defer></script>
+    <script src="../../../../js/clipboard.min.js?1676402971" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1676402971" defer></script>
+    <script src="../../../../js/theme.js?1676402971" defer></script>
   </body>
 </html>
diff --git a/pir/tests/attach/attach2/index.html b/pir/tests/attach/attach2/index.html
index d0d9da8f36..639b7a94d8 100644
--- a/pir/tests/attach/attach2/index.html
+++ b/pir/tests/attach/attach2/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/attach/attach2/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/attach/attach2/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/attach/attach2/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../images/logo.svg?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1676326936" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1676326936" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1676326936" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1676326936" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1676326936" rel="stylesheet">
-    <link href="../../../../css/print.css?1676326936" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1676326936" rel="stylesheet">
-    <script src="../../../../js/url.js?1676326936"></script>
-    <script src="../../../../js/variant.js?1676326936"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1676402968" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1676402968" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1676402968" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1676402968" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1676402968" rel="stylesheet">
+    <link href="../../../../css/print.css?1676402968" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1676402968" rel="stylesheet">
+    <script src="../../../../js/url.js?1676402968"></script>
+    <script src="../../../../js/variant.js?1676402968"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -121,12 +121,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -134,33 +134,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -183,12 +183,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1676326937" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1676326937" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1676326937" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1676326937" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1676326937" defer></script>
-        <script src="../../../../js/search.js?1676326937" defer></script>
+        <script src="../../../../js/auto-complete.js?1676402969" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1676402969" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1676402969" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1676402969" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1676402969" defer></script>
+        <script src="../../../../js/search.js?1676402969" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -308,14 +308,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -325,12 +325,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../js/buttons.js?1676326937"></script>
+          <script async src="../../../../js/buttons.js?1676402969"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1676326937" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1676326937" defer></script>
-    <script src="../../../../js/theme.js?1676326937" defer></script>
+    <script src="../../../../js/clipboard.min.js?1676402969" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1676402969" defer></script>
+    <script src="../../../../js/theme.js?1676402969" defer></script>
   </body>
 </html>
diff --git a/pir/tests/attach/attach2/index.print.html b/pir/tests/attach/attach2/index.print.html
index fc4077fd31..8e71ac667a 100644
--- a/pir/tests/attach/attach2/index.print.html
+++ b/pir/tests/attach/attach2/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/attach/attach2/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/attach/attach2/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/attach/attach2/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../images/logo.svg?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1676326938" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1676326938" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1676326938" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1676326938" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1676326938" rel="stylesheet">
-    <link href="../../../../css/print.css?1676326938" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1676326938" rel="stylesheet">
-    <link href="../../../../css/ie.css?1676326938" rel="stylesheet">
-    <script src="../../../../js/url.js?1676326938"></script>
-    <script src="../../../../js/variant.js?1676326938"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1676402970" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1676402970" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1676402970" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1676402970" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1676402970" rel="stylesheet">
+    <link href="../../../../css/print.css?1676402970" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1676402970" rel="stylesheet">
+    <link href="../../../../css/ie.css?1676402970" rel="stylesheet">
+    <script src="../../../../js/url.js?1676402970"></script>
+    <script src="../../../../js/variant.js?1676402970"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -90,8 +90,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1676326938" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1676326938" defer></script>
-    <script src="../../../../js/theme.js?1676326938" defer></script>
+    <script src="../../../../js/clipboard.min.js?1676402971" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1676402971" defer></script>
+    <script src="../../../../js/theme.js?1676402971" defer></script>
   </body>
 </html>
diff --git a/pir/tests/attach/attach3/index.html b/pir/tests/attach/attach3/index.html
index 841d4c0157..d639aa672b 100644
--- a/pir/tests/attach/attach3/index.html
+++ b/pir/tests/attach/attach3/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/attach/attach3/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/attach/attach3/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/attach/attach3/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../images/logo.svg?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1676326936" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1676326936" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1676326936" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1676326936" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1676326936" rel="stylesheet">
-    <link href="../../../../css/print.css?1676326936" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1676326936" rel="stylesheet">
-    <script src="../../../../js/url.js?1676326936"></script>
-    <script src="../../../../js/variant.js?1676326936"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1676402968" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1676402968" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1676402968" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1676402968" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1676402968" rel="stylesheet">
+    <link href="../../../../css/print.css?1676402968" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1676402968" rel="stylesheet">
+    <script src="../../../../js/url.js?1676402968"></script>
+    <script src="../../../../js/variant.js?1676402968"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -121,12 +121,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -134,33 +134,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -183,12 +183,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1676326937" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1676326937" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1676326937" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1676326937" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1676326937" defer></script>
-        <script src="../../../../js/search.js?1676326937" defer></script>
+        <script src="../../../../js/auto-complete.js?1676402969" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1676402969" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1676402969" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1676402969" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1676402969" defer></script>
+        <script src="../../../../js/search.js?1676402969" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -308,14 +308,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -325,12 +325,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../js/buttons.js?1676326937"></script>
+          <script async src="../../../../js/buttons.js?1676402969"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1676326937" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1676326937" defer></script>
-    <script src="../../../../js/theme.js?1676326937" defer></script>
+    <script src="../../../../js/clipboard.min.js?1676402969" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1676402969" defer></script>
+    <script src="../../../../js/theme.js?1676402969" defer></script>
   </body>
 </html>
diff --git a/pir/tests/attach/attach3/index.print.html b/pir/tests/attach/attach3/index.print.html
index d7a9431e28..c2e2e6cf53 100644
--- a/pir/tests/attach/attach3/index.print.html
+++ b/pir/tests/attach/attach3/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/attach/attach3/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/attach/attach3/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/attach/attach3/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../images/logo.svg?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1676326938" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1676326938" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1676326938" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1676326938" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1676326938" rel="stylesheet">
-    <link href="../../../../css/print.css?1676326938" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1676326938" rel="stylesheet">
-    <link href="../../../../css/ie.css?1676326938" rel="stylesheet">
-    <script src="../../../../js/url.js?1676326938"></script>
-    <script src="../../../../js/variant.js?1676326938"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1676402970" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1676402970" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1676402970" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1676402970" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1676402970" rel="stylesheet">
+    <link href="../../../../css/print.css?1676402970" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1676402970" rel="stylesheet">
+    <link href="../../../../css/ie.css?1676402970" rel="stylesheet">
+    <script src="../../../../js/url.js?1676402970"></script>
+    <script src="../../../../js/variant.js?1676402970"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -90,8 +90,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1676326938" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1676326938" defer></script>
-    <script src="../../../../js/theme.js?1676326938" defer></script>
+    <script src="../../../../js/clipboard.min.js?1676402971" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1676402971" defer></script>
+    <script src="../../../../js/theme.js?1676402971" defer></script>
   </body>
 </html>
diff --git a/pir/tests/attach/index.html b/pir/tests/attach/index.html
index 2a6b83c6bc..2b5e474193 100644
--- a/pir/tests/attach/index.html
+++ b/pir/tests/attach/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/attach/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/attach/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/attach/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326936" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326936" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326936" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326936" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326936" rel="stylesheet">
-    <link href="../../../css/print.css?1676326936" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1676326936" rel="stylesheet">
-    <script src="../../../js/url.js?1676326936"></script>
-    <script src="../../../js/variant.js?1676326936"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402968" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402968" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402968" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402968" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402968" rel="stylesheet">
+    <link href="../../../css/print.css?1676402968" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1676402968" rel="stylesheet">
+    <script src="../../../js/url.js?1676402968"></script>
+    <script src="../../../js/variant.js?1676402968"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -123,12 +123,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -136,33 +136,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -185,12 +185,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1676326938" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1676326938" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676326938" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1676326938" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1676326938" defer></script>
-        <script src="../../../js/search.js?1676326938" defer></script>
+        <script src="../../../js/auto-complete.js?1676402970" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1676402970" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676402970" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1676402970" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1676402970" defer></script>
+        <script src="../../../js/search.js?1676402970" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -310,14 +310,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -327,12 +327,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1676326938"></script>
+          <script async src="../../../js/buttons.js?1676402970"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1676326938" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326938" defer></script>
-    <script src="../../../js/theme.js?1676326938" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402970" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402970" defer></script>
+    <script src="../../../js/theme.js?1676402970" defer></script>
   </body>
 </html>
diff --git a/pir/tests/attach/index.print.html b/pir/tests/attach/index.print.html
index 1e352b4f87..9d12ecc6c2 100644
--- a/pir/tests/attach/index.print.html
+++ b/pir/tests/attach/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/attach/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/attach/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/attach/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326938" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326938" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326938" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326938" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326938" rel="stylesheet">
-    <link href="../../../css/print.css?1676326938" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1676326938" rel="stylesheet">
-    <link href="../../../css/ie.css?1676326938" rel="stylesheet">
-    <script src="../../../js/url.js?1676326938"></script>
-    <script src="../../../js/variant.js?1676326938"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402970" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402970" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402970" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402970" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402970" rel="stylesheet">
+    <link href="../../../css/print.css?1676402970" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1676402970" rel="stylesheet">
+    <link href="../../../css/ie.css?1676402970" rel="stylesheet">
+    <script src="../../../js/url.js?1676402970"></script>
+    <script src="../../../js/variant.js?1676402970"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -140,8 +140,8 @@
           </section>        </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1676326938" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326938" defer></script>
-    <script src="../../../js/theme.js?1676326938" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402971" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402971" defer></script>
+    <script src="../../../js/theme.js?1676402971" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/1/index.html b/pir/tests/chapters/1/index.html
index 50189dda5c..8baa2699c3 100644
--- a/pir/tests/chapters/1/index.html
+++ b/pir/tests/chapters/1/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/1/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/1/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/1/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../images/logo.svg?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1676326936" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1676326936" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1676326936" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1676326936" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1676326936" rel="stylesheet">
-    <link href="../../../../css/print.css?1676326936" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1676326936" rel="stylesheet">
-    <script src="../../../../js/url.js?1676326936"></script>
-    <script src="../../../../js/variant.js?1676326936"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1676402968" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1676402968" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1676402968" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1676402968" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1676402968" rel="stylesheet">
+    <link href="../../../../css/print.css?1676402968" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1676402968" rel="stylesheet">
+    <script src="../../../../js/url.js?1676402968"></script>
+    <script src="../../../../js/variant.js?1676402968"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -114,12 +114,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -127,33 +127,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -176,12 +176,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1676326937" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1676326937" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1676326937" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1676326937" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1676326937" defer></script>
-        <script src="../../../../js/search.js?1676326937" defer></script>
+        <script src="../../../../js/auto-complete.js?1676402969" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1676402969" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1676402969" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1676402969" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1676402969" defer></script>
+        <script src="../../../../js/search.js?1676402969" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -301,14 +301,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -318,12 +318,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../js/buttons.js?1676326937"></script>
+          <script async src="../../../../js/buttons.js?1676402969"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1676326937" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1676326937" defer></script>
-    <script src="../../../../js/theme.js?1676326937" defer></script>
+    <script src="../../../../js/clipboard.min.js?1676402969" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1676402969" defer></script>
+    <script src="../../../../js/theme.js?1676402969" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/1/index.print.html b/pir/tests/chapters/1/index.print.html
index 822db23c31..bc63a2c55e 100644
--- a/pir/tests/chapters/1/index.print.html
+++ b/pir/tests/chapters/1/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/1/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/1/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/1/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../images/logo.svg?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1676326938" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1676326938" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1676326938" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1676326938" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1676326938" rel="stylesheet">
-    <link href="../../../../css/print.css?1676326938" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1676326938" rel="stylesheet">
-    <link href="../../../../css/ie.css?1676326938" rel="stylesheet">
-    <script src="../../../../js/url.js?1676326938"></script>
-    <script src="../../../../js/variant.js?1676326938"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1676402970" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1676402970" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1676402970" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1676402970" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1676402970" rel="stylesheet">
+    <link href="../../../../css/print.css?1676402970" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1676402970" rel="stylesheet">
+    <link href="../../../../css/ie.css?1676402970" rel="stylesheet">
+    <script src="../../../../js/url.js?1676402970"></script>
+    <script src="../../../../js/variant.js?1676402970"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -83,8 +83,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1676326938" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1676326938" defer></script>
-    <script src="../../../../js/theme.js?1676326938" defer></script>
+    <script src="../../../../js/clipboard.min.js?1676402971" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1676402971" defer></script>
+    <script src="../../../../js/theme.js?1676402971" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/10/index.html b/pir/tests/chapters/10/index.html
index 69f778e536..4b3a4d4f87 100644
--- a/pir/tests/chapters/10/index.html
+++ b/pir/tests/chapters/10/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/10/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/10/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/10/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../images/logo.svg?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1676326936" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1676326936" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1676326936" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1676326936" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1676326936" rel="stylesheet">
-    <link href="../../../../css/print.css?1676326936" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1676326936" rel="stylesheet">
-    <script src="../../../../js/url.js?1676326936"></script>
-    <script src="../../../../js/variant.js?1676326936"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1676402968" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1676402968" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1676402968" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1676402968" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1676402968" rel="stylesheet">
+    <link href="../../../../css/print.css?1676402968" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1676402968" rel="stylesheet">
+    <script src="../../../../js/url.js?1676402968"></script>
+    <script src="../../../../js/variant.js?1676402968"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -114,12 +114,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -127,33 +127,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -176,12 +176,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1676326937" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1676326937" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1676326937" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1676326937" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1676326937" defer></script>
-        <script src="../../../../js/search.js?1676326937" defer></script>
+        <script src="../../../../js/auto-complete.js?1676402969" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1676402969" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1676402969" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1676402969" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1676402969" defer></script>
+        <script src="../../../../js/search.js?1676402969" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -301,14 +301,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -318,12 +318,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../js/buttons.js?1676326937"></script>
+          <script async src="../../../../js/buttons.js?1676402969"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1676326937" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1676326937" defer></script>
-    <script src="../../../../js/theme.js?1676326937" defer></script>
+    <script src="../../../../js/clipboard.min.js?1676402969" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1676402969" defer></script>
+    <script src="../../../../js/theme.js?1676402969" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/10/index.print.html b/pir/tests/chapters/10/index.print.html
index 9494343d58..23c7470661 100644
--- a/pir/tests/chapters/10/index.print.html
+++ b/pir/tests/chapters/10/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/10/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/10/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/10/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../images/logo.svg?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1676326938" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1676326938" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1676326938" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1676326938" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1676326938" rel="stylesheet">
-    <link href="../../../../css/print.css?1676326938" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1676326938" rel="stylesheet">
-    <link href="../../../../css/ie.css?1676326938" rel="stylesheet">
-    <script src="../../../../js/url.js?1676326938"></script>
-    <script src="../../../../js/variant.js?1676326938"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1676402970" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1676402970" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1676402970" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1676402970" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1676402970" rel="stylesheet">
+    <link href="../../../../css/print.css?1676402970" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1676402970" rel="stylesheet">
+    <link href="../../../../css/ie.css?1676402970" rel="stylesheet">
+    <script src="../../../../js/url.js?1676402970"></script>
+    <script src="../../../../js/variant.js?1676402970"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -83,8 +83,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1676326938" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1676326938" defer></script>
-    <script src="../../../../js/theme.js?1676326938" defer></script>
+    <script src="../../../../js/clipboard.min.js?1676402971" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1676402971" defer></script>
+    <script src="../../../../js/theme.js?1676402971" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/2/index.html b/pir/tests/chapters/2/index.html
index 32936d7ad0..231ebb6ed4 100644
--- a/pir/tests/chapters/2/index.html
+++ b/pir/tests/chapters/2/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/2/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/2/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/2/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../images/logo.svg?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1676326936" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1676326936" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1676326936" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1676326936" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1676326936" rel="stylesheet">
-    <link href="../../../../css/print.css?1676326936" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1676326936" rel="stylesheet">
-    <script src="../../../../js/url.js?1676326936"></script>
-    <script src="../../../../js/variant.js?1676326936"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1676402968" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1676402968" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1676402968" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1676402968" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1676402968" rel="stylesheet">
+    <link href="../../../../css/print.css?1676402968" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1676402968" rel="stylesheet">
+    <script src="../../../../js/url.js?1676402968"></script>
+    <script src="../../../../js/variant.js?1676402968"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -114,12 +114,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -127,33 +127,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -176,12 +176,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1676326937" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1676326937" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1676326937" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1676326937" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1676326937" defer></script>
-        <script src="../../../../js/search.js?1676326937" defer></script>
+        <script src="../../../../js/auto-complete.js?1676402969" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1676402969" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1676402969" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1676402969" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1676402969" defer></script>
+        <script src="../../../../js/search.js?1676402969" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -301,14 +301,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -318,12 +318,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../js/buttons.js?1676326937"></script>
+          <script async src="../../../../js/buttons.js?1676402969"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1676326937" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1676326937" defer></script>
-    <script src="../../../../js/theme.js?1676326937" defer></script>
+    <script src="../../../../js/clipboard.min.js?1676402969" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1676402969" defer></script>
+    <script src="../../../../js/theme.js?1676402969" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/2/index.print.html b/pir/tests/chapters/2/index.print.html
index 93eece1d2c..91b7b4d2e8 100644
--- a/pir/tests/chapters/2/index.print.html
+++ b/pir/tests/chapters/2/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/2/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/2/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/2/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../images/logo.svg?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1676326938" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1676326938" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1676326938" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1676326938" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1676326938" rel="stylesheet">
-    <link href="../../../../css/print.css?1676326938" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1676326938" rel="stylesheet">
-    <link href="../../../../css/ie.css?1676326938" rel="stylesheet">
-    <script src="../../../../js/url.js?1676326938"></script>
-    <script src="../../../../js/variant.js?1676326938"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1676402970" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1676402970" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1676402970" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1676402970" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1676402970" rel="stylesheet">
+    <link href="../../../../css/print.css?1676402970" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1676402970" rel="stylesheet">
+    <link href="../../../../css/ie.css?1676402970" rel="stylesheet">
+    <script src="../../../../js/url.js?1676402970"></script>
+    <script src="../../../../js/variant.js?1676402970"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -83,8 +83,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1676326938" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1676326938" defer></script>
-    <script src="../../../../js/theme.js?1676326938" defer></script>
+    <script src="../../../../js/clipboard.min.js?1676402971" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1676402971" defer></script>
+    <script src="../../../../js/theme.js?1676402971" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/3/index.html b/pir/tests/chapters/3/index.html
index f04c2ada19..c721e437ee 100644
--- a/pir/tests/chapters/3/index.html
+++ b/pir/tests/chapters/3/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/3/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/3/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/3/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../images/logo.svg?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1676326936" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1676326936" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1676326936" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1676326936" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1676326936" rel="stylesheet">
-    <link href="../../../../css/print.css?1676326936" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1676326936" rel="stylesheet">
-    <script src="../../../../js/url.js?1676326936"></script>
-    <script src="../../../../js/variant.js?1676326936"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1676402968" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1676402968" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1676402968" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1676402968" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1676402968" rel="stylesheet">
+    <link href="../../../../css/print.css?1676402968" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1676402968" rel="stylesheet">
+    <script src="../../../../js/url.js?1676402968"></script>
+    <script src="../../../../js/variant.js?1676402968"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -114,12 +114,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -127,33 +127,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -176,12 +176,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1676326937" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1676326937" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1676326937" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1676326937" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1676326937" defer></script>
-        <script src="../../../../js/search.js?1676326937" defer></script>
+        <script src="../../../../js/auto-complete.js?1676402969" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1676402969" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1676402969" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1676402969" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1676402969" defer></script>
+        <script src="../../../../js/search.js?1676402969" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -301,14 +301,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -318,12 +318,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../js/buttons.js?1676326937"></script>
+          <script async src="../../../../js/buttons.js?1676402969"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1676326937" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1676326937" defer></script>
-    <script src="../../../../js/theme.js?1676326937" defer></script>
+    <script src="../../../../js/clipboard.min.js?1676402969" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1676402969" defer></script>
+    <script src="../../../../js/theme.js?1676402969" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/3/index.print.html b/pir/tests/chapters/3/index.print.html
index 4fc19476bb..9d9b960cd4 100644
--- a/pir/tests/chapters/3/index.print.html
+++ b/pir/tests/chapters/3/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/3/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/3/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/3/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../images/logo.svg?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1676326938" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1676326938" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1676326938" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1676326938" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1676326938" rel="stylesheet">
-    <link href="../../../../css/print.css?1676326938" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1676326938" rel="stylesheet">
-    <link href="../../../../css/ie.css?1676326938" rel="stylesheet">
-    <script src="../../../../js/url.js?1676326938"></script>
-    <script src="../../../../js/variant.js?1676326938"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1676402970" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1676402970" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1676402970" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1676402970" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1676402970" rel="stylesheet">
+    <link href="../../../../css/print.css?1676402970" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1676402970" rel="stylesheet">
+    <link href="../../../../css/ie.css?1676402970" rel="stylesheet">
+    <script src="../../../../js/url.js?1676402970"></script>
+    <script src="../../../../js/variant.js?1676402970"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -83,8 +83,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1676326938" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1676326938" defer></script>
-    <script src="../../../../js/theme.js?1676326938" defer></script>
+    <script src="../../../../js/clipboard.min.js?1676402971" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1676402971" defer></script>
+    <script src="../../../../js/theme.js?1676402971" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/4/index.html b/pir/tests/chapters/4/index.html
index 7ae8e2d265..466b2f4d75 100644
--- a/pir/tests/chapters/4/index.html
+++ b/pir/tests/chapters/4/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/4/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/4/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/4/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../images/logo.svg?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1676326936" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1676326936" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1676326936" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1676326936" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1676326936" rel="stylesheet">
-    <link href="../../../../css/print.css?1676326936" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1676326936" rel="stylesheet">
-    <script src="../../../../js/url.js?1676326936"></script>
-    <script src="../../../../js/variant.js?1676326936"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1676402968" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1676402968" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1676402968" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1676402968" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1676402968" rel="stylesheet">
+    <link href="../../../../css/print.css?1676402968" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1676402968" rel="stylesheet">
+    <script src="../../../../js/url.js?1676402968"></script>
+    <script src="../../../../js/variant.js?1676402968"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -114,12 +114,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -127,33 +127,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -176,12 +176,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1676326937" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1676326937" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1676326937" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1676326937" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1676326937" defer></script>
-        <script src="../../../../js/search.js?1676326937" defer></script>
+        <script src="../../../../js/auto-complete.js?1676402969" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1676402969" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1676402969" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1676402969" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1676402969" defer></script>
+        <script src="../../../../js/search.js?1676402969" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -301,14 +301,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -318,12 +318,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../js/buttons.js?1676326937"></script>
+          <script async src="../../../../js/buttons.js?1676402969"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1676326937" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1676326937" defer></script>
-    <script src="../../../../js/theme.js?1676326937" defer></script>
+    <script src="../../../../js/clipboard.min.js?1676402969" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1676402969" defer></script>
+    <script src="../../../../js/theme.js?1676402969" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/4/index.print.html b/pir/tests/chapters/4/index.print.html
index a4725ebbaa..79f0278cf2 100644
--- a/pir/tests/chapters/4/index.print.html
+++ b/pir/tests/chapters/4/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/4/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/4/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/4/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../images/logo.svg?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1676326938" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1676326938" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1676326938" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1676326938" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1676326938" rel="stylesheet">
-    <link href="../../../../css/print.css?1676326938" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1676326938" rel="stylesheet">
-    <link href="../../../../css/ie.css?1676326938" rel="stylesheet">
-    <script src="../../../../js/url.js?1676326938"></script>
-    <script src="../../../../js/variant.js?1676326938"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1676402970" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1676402970" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1676402970" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1676402970" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1676402970" rel="stylesheet">
+    <link href="../../../../css/print.css?1676402970" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1676402970" rel="stylesheet">
+    <link href="../../../../css/ie.css?1676402970" rel="stylesheet">
+    <script src="../../../../js/url.js?1676402970"></script>
+    <script src="../../../../js/variant.js?1676402970"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -83,8 +83,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1676326938" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1676326938" defer></script>
-    <script src="../../../../js/theme.js?1676326938" defer></script>
+    <script src="../../../../js/clipboard.min.js?1676402971" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1676402971" defer></script>
+    <script src="../../../../js/theme.js?1676402971" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/5/index.html b/pir/tests/chapters/5/index.html
index 7b8b2c94b1..a4f59e0ae4 100644
--- a/pir/tests/chapters/5/index.html
+++ b/pir/tests/chapters/5/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/5/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/5/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/5/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../images/logo.svg?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1676326936" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1676326936" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1676326936" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1676326936" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1676326936" rel="stylesheet">
-    <link href="../../../../css/print.css?1676326936" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1676326936" rel="stylesheet">
-    <script src="../../../../js/url.js?1676326936"></script>
-    <script src="../../../../js/variant.js?1676326936"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1676402968" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1676402968" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1676402968" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1676402968" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1676402968" rel="stylesheet">
+    <link href="../../../../css/print.css?1676402968" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1676402968" rel="stylesheet">
+    <script src="../../../../js/url.js?1676402968"></script>
+    <script src="../../../../js/variant.js?1676402968"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -114,12 +114,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -127,33 +127,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -176,12 +176,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1676326937" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1676326937" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1676326937" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1676326937" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1676326937" defer></script>
-        <script src="../../../../js/search.js?1676326937" defer></script>
+        <script src="../../../../js/auto-complete.js?1676402969" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1676402969" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1676402969" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1676402969" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1676402969" defer></script>
+        <script src="../../../../js/search.js?1676402969" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -301,14 +301,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -318,12 +318,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../js/buttons.js?1676326937"></script>
+          <script async src="../../../../js/buttons.js?1676402969"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1676326937" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1676326937" defer></script>
-    <script src="../../../../js/theme.js?1676326937" defer></script>
+    <script src="../../../../js/clipboard.min.js?1676402969" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1676402969" defer></script>
+    <script src="../../../../js/theme.js?1676402969" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/5/index.print.html b/pir/tests/chapters/5/index.print.html
index c32840ec6e..d4538f35de 100644
--- a/pir/tests/chapters/5/index.print.html
+++ b/pir/tests/chapters/5/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/5/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/5/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/5/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../images/logo.svg?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1676326938" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1676326938" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1676326938" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1676326938" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1676326938" rel="stylesheet">
-    <link href="../../../../css/print.css?1676326938" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1676326938" rel="stylesheet">
-    <link href="../../../../css/ie.css?1676326938" rel="stylesheet">
-    <script src="../../../../js/url.js?1676326938"></script>
-    <script src="../../../../js/variant.js?1676326938"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1676402970" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1676402970" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1676402970" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1676402970" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1676402970" rel="stylesheet">
+    <link href="../../../../css/print.css?1676402970" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1676402970" rel="stylesheet">
+    <link href="../../../../css/ie.css?1676402970" rel="stylesheet">
+    <script src="../../../../js/url.js?1676402970"></script>
+    <script src="../../../../js/variant.js?1676402970"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -83,8 +83,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1676326938" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1676326938" defer></script>
-    <script src="../../../../js/theme.js?1676326938" defer></script>
+    <script src="../../../../js/clipboard.min.js?1676402971" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1676402971" defer></script>
+    <script src="../../../../js/theme.js?1676402971" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/6/index.html b/pir/tests/chapters/6/index.html
index 8e9ff4f28c..d68b57921b 100644
--- a/pir/tests/chapters/6/index.html
+++ b/pir/tests/chapters/6/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/6/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/6/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/6/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../images/logo.svg?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1676326936" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1676326936" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1676326936" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1676326936" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1676326936" rel="stylesheet">
-    <link href="../../../../css/print.css?1676326936" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1676326936" rel="stylesheet">
-    <script src="../../../../js/url.js?1676326936"></script>
-    <script src="../../../../js/variant.js?1676326936"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1676402968" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1676402968" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1676402968" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1676402968" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1676402968" rel="stylesheet">
+    <link href="../../../../css/print.css?1676402968" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1676402968" rel="stylesheet">
+    <script src="../../../../js/url.js?1676402968"></script>
+    <script src="../../../../js/variant.js?1676402968"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -114,12 +114,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -127,33 +127,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -176,12 +176,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1676326937" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1676326937" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1676326937" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1676326937" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1676326937" defer></script>
-        <script src="../../../../js/search.js?1676326937" defer></script>
+        <script src="../../../../js/auto-complete.js?1676402969" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1676402969" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1676402969" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1676402969" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1676402969" defer></script>
+        <script src="../../../../js/search.js?1676402969" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -301,14 +301,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -318,12 +318,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../js/buttons.js?1676326937"></script>
+          <script async src="../../../../js/buttons.js?1676402969"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1676326937" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1676326937" defer></script>
-    <script src="../../../../js/theme.js?1676326937" defer></script>
+    <script src="../../../../js/clipboard.min.js?1676402969" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1676402969" defer></script>
+    <script src="../../../../js/theme.js?1676402969" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/6/index.print.html b/pir/tests/chapters/6/index.print.html
index cfdc7a6f5f..c13b29949a 100644
--- a/pir/tests/chapters/6/index.print.html
+++ b/pir/tests/chapters/6/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/6/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/6/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/6/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../images/logo.svg?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1676326938" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1676326938" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1676326938" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1676326938" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1676326938" rel="stylesheet">
-    <link href="../../../../css/print.css?1676326938" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1676326938" rel="stylesheet">
-    <link href="../../../../css/ie.css?1676326938" rel="stylesheet">
-    <script src="../../../../js/url.js?1676326938"></script>
-    <script src="../../../../js/variant.js?1676326938"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1676402970" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1676402970" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1676402970" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1676402970" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1676402970" rel="stylesheet">
+    <link href="../../../../css/print.css?1676402970" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1676402970" rel="stylesheet">
+    <link href="../../../../css/ie.css?1676402970" rel="stylesheet">
+    <script src="../../../../js/url.js?1676402970"></script>
+    <script src="../../../../js/variant.js?1676402970"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -83,8 +83,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1676326938" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1676326938" defer></script>
-    <script src="../../../../js/theme.js?1676326938" defer></script>
+    <script src="../../../../js/clipboard.min.js?1676402971" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1676402971" defer></script>
+    <script src="../../../../js/theme.js?1676402971" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/7/index.html b/pir/tests/chapters/7/index.html
index 260be3c95c..ded488f2dd 100644
--- a/pir/tests/chapters/7/index.html
+++ b/pir/tests/chapters/7/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/7/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/7/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/7/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../images/logo.svg?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1676326936" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1676326936" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1676326936" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1676326936" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1676326936" rel="stylesheet">
-    <link href="../../../../css/print.css?1676326936" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1676326936" rel="stylesheet">
-    <script src="../../../../js/url.js?1676326936"></script>
-    <script src="../../../../js/variant.js?1676326936"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1676402968" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1676402968" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1676402968" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1676402968" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1676402968" rel="stylesheet">
+    <link href="../../../../css/print.css?1676402968" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1676402968" rel="stylesheet">
+    <script src="../../../../js/url.js?1676402968"></script>
+    <script src="../../../../js/variant.js?1676402968"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -114,12 +114,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -127,33 +127,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -176,12 +176,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1676326937" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1676326937" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1676326937" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1676326937" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1676326937" defer></script>
-        <script src="../../../../js/search.js?1676326937" defer></script>
+        <script src="../../../../js/auto-complete.js?1676402969" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1676402969" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1676402969" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1676402969" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1676402969" defer></script>
+        <script src="../../../../js/search.js?1676402969" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -301,14 +301,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -318,12 +318,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../js/buttons.js?1676326937"></script>
+          <script async src="../../../../js/buttons.js?1676402969"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1676326937" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1676326937" defer></script>
-    <script src="../../../../js/theme.js?1676326937" defer></script>
+    <script src="../../../../js/clipboard.min.js?1676402969" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1676402969" defer></script>
+    <script src="../../../../js/theme.js?1676402969" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/7/index.print.html b/pir/tests/chapters/7/index.print.html
index 3f85ff1d7b..f972ae4ae4 100644
--- a/pir/tests/chapters/7/index.print.html
+++ b/pir/tests/chapters/7/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/7/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/7/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/7/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../images/logo.svg?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1676326938" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1676326938" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1676326938" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1676326938" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1676326938" rel="stylesheet">
-    <link href="../../../../css/print.css?1676326938" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1676326938" rel="stylesheet">
-    <link href="../../../../css/ie.css?1676326938" rel="stylesheet">
-    <script src="../../../../js/url.js?1676326938"></script>
-    <script src="../../../../js/variant.js?1676326938"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1676402970" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1676402970" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1676402970" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1676402970" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1676402970" rel="stylesheet">
+    <link href="../../../../css/print.css?1676402970" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1676402970" rel="stylesheet">
+    <link href="../../../../css/ie.css?1676402970" rel="stylesheet">
+    <script src="../../../../js/url.js?1676402970"></script>
+    <script src="../../../../js/variant.js?1676402970"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -83,8 +83,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1676326938" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1676326938" defer></script>
-    <script src="../../../../js/theme.js?1676326938" defer></script>
+    <script src="../../../../js/clipboard.min.js?1676402971" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1676402971" defer></script>
+    <script src="../../../../js/theme.js?1676402971" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/8/index.html b/pir/tests/chapters/8/index.html
index e9ed548803..53ec229494 100644
--- a/pir/tests/chapters/8/index.html
+++ b/pir/tests/chapters/8/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/8/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/8/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/8/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../images/logo.svg?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1676326936" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1676326936" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1676326936" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1676326936" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1676326936" rel="stylesheet">
-    <link href="../../../../css/print.css?1676326936" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1676326936" rel="stylesheet">
-    <script src="../../../../js/url.js?1676326936"></script>
-    <script src="../../../../js/variant.js?1676326936"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1676402968" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1676402968" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1676402968" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1676402968" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1676402968" rel="stylesheet">
+    <link href="../../../../css/print.css?1676402968" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1676402968" rel="stylesheet">
+    <script src="../../../../js/url.js?1676402968"></script>
+    <script src="../../../../js/variant.js?1676402968"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -114,12 +114,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -127,33 +127,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -176,12 +176,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1676326937" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1676326937" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1676326937" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1676326937" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1676326937" defer></script>
-        <script src="../../../../js/search.js?1676326937" defer></script>
+        <script src="../../../../js/auto-complete.js?1676402969" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1676402969" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1676402969" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1676402969" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1676402969" defer></script>
+        <script src="../../../../js/search.js?1676402969" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -301,14 +301,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -318,12 +318,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../js/buttons.js?1676326937"></script>
+          <script async src="../../../../js/buttons.js?1676402969"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1676326937" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1676326937" defer></script>
-    <script src="../../../../js/theme.js?1676326937" defer></script>
+    <script src="../../../../js/clipboard.min.js?1676402969" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1676402969" defer></script>
+    <script src="../../../../js/theme.js?1676402969" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/8/index.print.html b/pir/tests/chapters/8/index.print.html
index fa341ffd4c..aad1d9c475 100644
--- a/pir/tests/chapters/8/index.print.html
+++ b/pir/tests/chapters/8/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/8/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/8/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/8/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../images/logo.svg?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1676326938" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1676326938" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1676326938" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1676326938" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1676326938" rel="stylesheet">
-    <link href="../../../../css/print.css?1676326938" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1676326938" rel="stylesheet">
-    <link href="../../../../css/ie.css?1676326938" rel="stylesheet">
-    <script src="../../../../js/url.js?1676326938"></script>
-    <script src="../../../../js/variant.js?1676326938"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1676402970" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1676402970" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1676402970" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1676402970" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1676402970" rel="stylesheet">
+    <link href="../../../../css/print.css?1676402970" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1676402970" rel="stylesheet">
+    <link href="../../../../css/ie.css?1676402970" rel="stylesheet">
+    <script src="../../../../js/url.js?1676402970"></script>
+    <script src="../../../../js/variant.js?1676402970"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -83,8 +83,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1676326938" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1676326938" defer></script>
-    <script src="../../../../js/theme.js?1676326938" defer></script>
+    <script src="../../../../js/clipboard.min.js?1676402971" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1676402971" defer></script>
+    <script src="../../../../js/theme.js?1676402971" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/9/index.html b/pir/tests/chapters/9/index.html
index 7944190126..d92c581431 100644
--- a/pir/tests/chapters/9/index.html
+++ b/pir/tests/chapters/9/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/9/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/9/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/9/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../images/logo.svg?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1676326936" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1676326936" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1676326936" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1676326936" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1676326936" rel="stylesheet">
-    <link href="../../../../css/print.css?1676326936" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1676326936" rel="stylesheet">
-    <script src="../../../../js/url.js?1676326936"></script>
-    <script src="../../../../js/variant.js?1676326936"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1676402968" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1676402968" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1676402968" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1676402968" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1676402968" rel="stylesheet">
+    <link href="../../../../css/print.css?1676402968" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1676402968" rel="stylesheet">
+    <script src="../../../../js/url.js?1676402968"></script>
+    <script src="../../../../js/variant.js?1676402968"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -114,12 +114,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -127,33 +127,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -176,12 +176,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1676326937" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1676326937" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1676326937" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1676326937" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1676326937" defer></script>
-        <script src="../../../../js/search.js?1676326937" defer></script>
+        <script src="../../../../js/auto-complete.js?1676402969" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1676402969" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1676402969" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1676402969" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1676402969" defer></script>
+        <script src="../../../../js/search.js?1676402969" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -301,14 +301,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -318,12 +318,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../js/buttons.js?1676326937"></script>
+          <script async src="../../../../js/buttons.js?1676402969"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1676326937" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1676326937" defer></script>
-    <script src="../../../../js/theme.js?1676326937" defer></script>
+    <script src="../../../../js/clipboard.min.js?1676402969" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1676402969" defer></script>
+    <script src="../../../../js/theme.js?1676402969" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/9/index.print.html b/pir/tests/chapters/9/index.print.html
index e433fd57dc..15d975ebea 100644
--- a/pir/tests/chapters/9/index.print.html
+++ b/pir/tests/chapters/9/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/9/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/9/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/9/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../images/logo.svg?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1676326938" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1676326938" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1676326938" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1676326938" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1676326938" rel="stylesheet">
-    <link href="../../../../css/print.css?1676326938" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1676326938" rel="stylesheet">
-    <link href="../../../../css/ie.css?1676326938" rel="stylesheet">
-    <script src="../../../../js/url.js?1676326938"></script>
-    <script src="../../../../js/variant.js?1676326938"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1676402970" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1676402970" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1676402970" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1676402970" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1676402970" rel="stylesheet">
+    <link href="../../../../css/print.css?1676402970" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1676402970" rel="stylesheet">
+    <link href="../../../../css/ie.css?1676402970" rel="stylesheet">
+    <script src="../../../../js/url.js?1676402970"></script>
+    <script src="../../../../js/variant.js?1676402970"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -83,8 +83,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1676326938" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1676326938" defer></script>
-    <script src="../../../../js/theme.js?1676326938" defer></script>
+    <script src="../../../../js/clipboard.min.js?1676402971" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1676402971" defer></script>
+    <script src="../../../../js/theme.js?1676402971" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/children-1/index.html b/pir/tests/chapters/children-1/index.html
index 976f33b1c8..9eaf502d5b 100644
--- a/pir/tests/chapters/children-1/index.html
+++ b/pir/tests/chapters/children-1/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/children-1/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/children-1/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/children-1/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../images/logo.svg?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1676326936" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1676326936" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1676326936" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1676326936" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1676326936" rel="stylesheet">
-    <link href="../../../../css/print.css?1676326936" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1676326936" rel="stylesheet">
-    <script src="../../../../js/url.js?1676326936"></script>
-    <script src="../../../../js/variant.js?1676326936"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1676402968" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1676402968" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1676402968" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1676402968" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1676402968" rel="stylesheet">
+    <link href="../../../../css/print.css?1676402968" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1676402968" rel="stylesheet">
+    <script src="../../../../js/url.js?1676402968"></script>
+    <script src="../../../../js/variant.js?1676402968"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -117,12 +117,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -130,33 +130,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -179,12 +179,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1676326938" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1676326938" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1676326938" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1676326938" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1676326938" defer></script>
-        <script src="../../../../js/search.js?1676326938" defer></script>
+        <script src="../../../../js/auto-complete.js?1676402970" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1676402970" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1676402970" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1676402970" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1676402970" defer></script>
+        <script src="../../../../js/search.js?1676402970" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -305,14 +305,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -322,12 +322,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../js/buttons.js?1676326938"></script>
+          <script async src="../../../../js/buttons.js?1676402970"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1676326938" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1676326938" defer></script>
-    <script src="../../../../js/theme.js?1676326938" defer></script>
+    <script src="../../../../js/clipboard.min.js?1676402970" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1676402970" defer></script>
+    <script src="../../../../js/theme.js?1676402970" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/children-1/index.print.html b/pir/tests/chapters/children-1/index.print.html
index 159405ff0d..375dd607e8 100644
--- a/pir/tests/chapters/children-1/index.print.html
+++ b/pir/tests/chapters/children-1/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/children-1/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/children-1/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/children-1/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../../images/logo.svg?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1676326938" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1676326938" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1676326938" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1676326938" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1676326938" rel="stylesheet">
-    <link href="../../../../css/print.css?1676326938" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1676326938" rel="stylesheet">
-    <link href="../../../../css/ie.css?1676326938" rel="stylesheet">
-    <script src="../../../../js/url.js?1676326938"></script>
-    <script src="../../../../js/variant.js?1676326938"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1676402970" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1676402970" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1676402970" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1676402970" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1676402970" rel="stylesheet">
+    <link href="../../../../css/print.css?1676402970" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1676402970" rel="stylesheet">
+    <link href="../../../../css/ie.css?1676402970" rel="stylesheet">
+    <script src="../../../../js/url.js?1676402970"></script>
+    <script src="../../../../js/variant.js?1676402970"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -86,8 +86,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1676326938" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1676326938" defer></script>
-    <script src="../../../../js/theme.js?1676326938" defer></script>
+    <script src="../../../../js/clipboard.min.js?1676402971" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1676402971" defer></script>
+    <script src="../../../../js/theme.js?1676402971" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/index.html b/pir/tests/chapters/index.html
index 96c0f88d9f..c4ef408872 100644
--- a/pir/tests/chapters/index.html
+++ b/pir/tests/chapters/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326936" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326936" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326936" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326936" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326936" rel="stylesheet">
-    <link href="../../../css/print.css?1676326936" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1676326936" rel="stylesheet">
-    <script src="../../../js/url.js?1676326936"></script>
-    <script src="../../../js/variant.js?1676326936"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402968" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402968" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402968" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402968" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402968" rel="stylesheet">
+    <link href="../../../css/print.css?1676402968" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1676402968" rel="stylesheet">
+    <script src="../../../js/url.js?1676402968"></script>
+    <script src="../../../js/variant.js?1676402968"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -116,12 +116,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -129,33 +129,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -178,12 +178,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1676326938" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1676326938" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676326938" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1676326938" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1676326938" defer></script>
-        <script src="../../../js/search.js?1676326938" defer></script>
+        <script src="../../../js/auto-complete.js?1676402970" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1676402970" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676402970" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1676402970" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1676402970" defer></script>
+        <script src="../../../js/search.js?1676402970" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -303,14 +303,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -320,12 +320,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1676326938"></script>
+          <script async src="../../../js/buttons.js?1676402970"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1676326938" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326938" defer></script>
-    <script src="../../../js/theme.js?1676326938" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402970" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402970" defer></script>
+    <script src="../../../js/theme.js?1676402970" defer></script>
   </body>
 </html>
diff --git a/pir/tests/chapters/index.print.html b/pir/tests/chapters/index.print.html
index 57b9912a8c..1b0a8c7253 100644
--- a/pir/tests/chapters/index.print.html
+++ b/pir/tests/chapters/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326938" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326938" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326938" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326938" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326938" rel="stylesheet">
-    <link href="../../../css/print.css?1676326938" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1676326938" rel="stylesheet">
-    <link href="../../../css/ie.css?1676326938" rel="stylesheet">
-    <script src="../../../js/url.js?1676326938"></script>
-    <script src="../../../js/variant.js?1676326938"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402970" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402970" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402970" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402970" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402970" rel="stylesheet">
+    <link href="../../../css/print.css?1676402970" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1676402970" rel="stylesheet">
+    <link href="../../../css/ie.css?1676402970" rel="stylesheet">
+    <script src="../../../js/url.js?1676402970"></script>
+    <script src="../../../js/variant.js?1676402970"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -168,8 +168,8 @@
           </section>        </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1676326938" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326938" defer></script>
-    <script src="../../../js/theme.js?1676326938" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402971" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402971" defer></script>
+    <script src="../../../js/theme.js?1676402971" defer></script>
   </body>
 </html>
diff --git a/pir/tests/code/index.html b/pir/tests/code/index.html
index f1a239fe82..38b45313ee 100644
--- a/pir/tests/code/index.html
+++ b/pir/tests/code/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/code/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/code/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/code/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326936" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326936" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326936" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326936" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326936" rel="stylesheet">
-    <link href="../../../css/print.css?1676326936" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1676326936" rel="stylesheet">
-    <script src="../../../js/url.js?1676326936"></script>
-    <script src="../../../js/variant.js?1676326936"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402968" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402968" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402968" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402968" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402968" rel="stylesheet">
+    <link href="../../../css/print.css?1676402968" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1676402968" rel="stylesheet">
+    <script src="../../../js/url.js?1676402968"></script>
+    <script src="../../../js/variant.js?1676402968"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -153,12 +153,12 @@ Some preformatted stuff 'n HTML elements
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -166,33 +166,33 @@ Some preformatted stuff 'n HTML elements
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -215,12 +215,12 @@ Some preformatted stuff 'n HTML elements
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1676326938" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1676326938" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676326938" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1676326938" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1676326938" defer></script>
-        <script src="../../../js/search.js?1676326938" defer></script>
+        <script src="../../../js/auto-complete.js?1676402970" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1676402970" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676402970" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1676402970" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1676402970" defer></script>
+        <script src="../../../js/search.js?1676402970" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -340,14 +340,14 @@ Some preformatted stuff 'n HTML elements
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -357,12 +357,12 @@ Some preformatted stuff 'n HTML elements
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1676326938"></script>
+          <script async src="../../../js/buttons.js?1676402970"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1676326938" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326938" defer></script>
-    <script src="../../../js/theme.js?1676326938" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402970" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402970" defer></script>
+    <script src="../../../js/theme.js?1676402970" defer></script>
   </body>
 </html>
diff --git a/pir/tests/code/index.print.html b/pir/tests/code/index.print.html
index 28c4ebbc81..7739491402 100644
--- a/pir/tests/code/index.print.html
+++ b/pir/tests/code/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/code/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/code/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/code/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326938" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326938" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326938" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326938" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326938" rel="stylesheet">
-    <link href="../../../css/print.css?1676326938" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1676326938" rel="stylesheet">
-    <link href="../../../css/ie.css?1676326938" rel="stylesheet">
-    <script src="../../../js/url.js?1676326938"></script>
-    <script src="../../../js/variant.js?1676326938"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402970" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402970" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402970" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402970" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402970" rel="stylesheet">
+    <link href="../../../css/print.css?1676402970" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1676402970" rel="stylesheet">
+    <link href="../../../css/ie.css?1676402970" rel="stylesheet">
+    <script src="../../../js/url.js?1676402970"></script>
+    <script src="../../../js/variant.js?1676402970"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -110,8 +110,8 @@ Some preformatted stuff 'n HTML elements
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1676326938" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326938" defer></script>
-    <script src="../../../js/theme.js?1676326938" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402971" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402971" defer></script>
+    <script src="../../../js/theme.js?1676402971" defer></script>
   </body>
 </html>
diff --git a/pir/tests/images/index.html b/pir/tests/images/index.html
index 151192de6a..850ec002bf 100644
--- a/pir/tests/images/index.html
+++ b/pir/tests/images/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/images/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/images/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/images/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326936" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326936" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326936" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326936" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326936" rel="stylesheet">
-    <link href="../../../css/print.css?1676326936" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1676326936" rel="stylesheet">
-    <script src="../../../js/url.js?1676326936"></script>
-    <script src="../../../js/variant.js?1676326936"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402968" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402968" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402968" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402968" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402968" rel="stylesheet">
+    <link href="../../../css/print.css?1676402968" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1676402968" rel="stylesheet">
+    <script src="../../../js/url.js?1676402968"></script>
+    <script src="../../../js/variant.js?1676402968"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -126,63 +126,63 @@
 <h2 id="markdown">Marrrkdown</h2>
 <h3 id="resource-svg">Resource SVG</h3>
 <p>
-<a href="#image-0f50379779bfeb6254d80cc9f1a3c1dc" class="lightbox-link">
+<a href="#image-d1e8d11ad3d50b652af85da74ba7831a" class="lightbox-link">
 <img src="../../../tests/images/test.svg?classes=shadow" alt="Magic" class="shadow" style="height: auto; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-0f50379779bfeb6254d80cc9f1a3c1dc">
+<a href="javascript:history.back();" class="lightbox" id="image-d1e8d11ad3d50b652af85da74ba7831a">
 <img src="../../../tests/images/test.svg?classes=shadow" alt="Magic" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="relative-to-page">Relative t' plank</h3>
 <p>
-<a href="#image-20fab8a4aa1cbba9faae39180b45738e" class="lightbox-link">
+<a href="#image-81c5636debe2d60e6641688b3151dcb5" class="lightbox-link">
 <img src="../../../tests/images/magic.gif?classes=shadow" alt="Magic" class="shadow" style="height: auto; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-20fab8a4aa1cbba9faae39180b45738e">
+<a href="javascript:history.back();" class="lightbox" id="image-81c5636debe2d60e6641688b3151dcb5">
 <img src="../../../tests/images/magic.gif?classes=shadow" alt="Magic" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="relative-to-page-up-level">Relative t' plank up level</h3>
 <p>
 		
-<a href="#image-6cfabc3b383f8d566b0ee64b944f1357" class="lightbox-link">
+<a href="#image-7e296eff426f141bbebecf232374372f" class="lightbox-link">
 <img src="../images/magic.gif?classes=shadow&amp;height=50px" alt="Magic" class="shadow" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-6cfabc3b383f8d566b0ee64b944f1357">
+<a href="javascript:history.back();" class="lightbox" id="image-7e296eff426f141bbebecf232374372f">
 <img src="../images/magic.gif?classes=shadow&amp;height=50px" alt="Magic" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="static-svg">Static SVG</h3>
 <p>
 		
-<a href="#image-76a2e3ca3ef293897392b60ce9590344" class="lightbox-link">
+<a href="#image-850269c04a8e289c935f40ec0d0e8a15" class="lightbox-link">
 <img src="../../../images/logo.svg?classes=shadow&amp;height=50px" alt="Logo" class="shadow" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-76a2e3ca3ef293897392b60ce9590344">
+<a href="javascript:history.back();" class="lightbox" id="image-850269c04a8e289c935f40ec0d0e8a15">
 <img src="../../../images/logo.svg?classes=shadow&amp;height=50px" alt="Logo" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="external-fully-qualified">External fully qualified</h3>
 <p>
 		
-<a href="#image-4ca24100594e9a7c049177406cae643a" class="lightbox-link">
+<a href="#image-0959a08bff4a12bd33888244a3d386ba" class="lightbox-link">
 <img src="https://octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion" class="shadow" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-4ca24100594e9a7c049177406cae643a">
+<a href="javascript:history.back();" class="lightbox" id="image-0959a08bff4a12bd33888244a3d386ba">
 <img src="https://octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="external-without-scheme">External without scheme</h3>
 <p>
 		
-<a href="#image-08309c4cfeefbcea706ba10b6892e8fa" class="lightbox-link">
+<a href="#image-ad4c51f3de3009e6b599b984e2e0c97b" class="lightbox-link">
 <img src="//octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion" class="shadow" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-08309c4cfeefbcea706ba10b6892e8fa">
+<a href="javascript:history.back();" class="lightbox" id="image-ad4c51f3de3009e6b599b984e2e0c97b">
 <img src="//octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="external-without-scheme-and-scheme-separator">External without scheme an' scheme separator</h3>
 <p>
 		
-<a href="#image-a699cb6ed3221c2858b7b7d99d10aa76" class="lightbox-link">
+<a href="#image-37c9a228d5dfddaed0d5cf347f658144" class="lightbox-link">
 <img src="octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion" class="shadow" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-a699cb6ed3221c2858b7b7d99d10aa76">
+<a href="javascript:history.back();" class="lightbox" id="image-37c9a228d5dfddaed0d5cf347f658144">
 <img src="octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="html">HTML</h2>
@@ -224,12 +224,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -237,33 +237,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -286,12 +286,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1676326938" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1676326938" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676326938" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1676326938" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1676326938" defer></script>
-        <script src="../../../js/search.js?1676326938" defer></script>
+        <script src="../../../js/auto-complete.js?1676402970" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1676402970" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676402970" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1676402970" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1676402970" defer></script>
+        <script src="../../../js/search.js?1676402970" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -411,14 +411,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -428,12 +428,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1676326938"></script>
+          <script async src="../../../js/buttons.js?1676402970"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1676326938" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326938" defer></script>
-    <script src="../../../js/theme.js?1676326938" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402970" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402970" defer></script>
+    <script src="../../../js/theme.js?1676402970" defer></script>
   </body>
 </html>
diff --git a/pir/tests/images/index.print.html b/pir/tests/images/index.print.html
index b66ca5d096..94ba189790 100644
--- a/pir/tests/images/index.print.html
+++ b/pir/tests/images/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/images/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/images/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/images/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326938" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326938" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326938" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326938" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326938" rel="stylesheet">
-    <link href="../../../css/print.css?1676326938" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1676326938" rel="stylesheet">
-    <link href="../../../css/ie.css?1676326938" rel="stylesheet">
-    <script src="../../../js/url.js?1676326938"></script>
-    <script src="../../../js/variant.js?1676326938"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402970" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402970" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402970" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402970" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402970" rel="stylesheet">
+    <link href="../../../css/print.css?1676402970" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1676402970" rel="stylesheet">
+    <link href="../../../css/ie.css?1676402970" rel="stylesheet">
+    <script src="../../../js/url.js?1676402970"></script>
+    <script src="../../../js/variant.js?1676402970"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -80,63 +80,63 @@
 <h2 id="markdown">Marrrkdown</h2>
 <h3 id="resource-svg">Resource SVG</h3>
 <p>
-<a href="#image-0f50379779bfeb6254d80cc9f1a3c1dc" class="lightbox-link">
+<a href="#image-d1e8d11ad3d50b652af85da74ba7831a" class="lightbox-link">
 <img src="../../../tests/images/test.svg?classes=shadow" alt="Magic" class="shadow" style="height: auto; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-0f50379779bfeb6254d80cc9f1a3c1dc">
+<a href="javascript:history.back();" class="lightbox" id="image-d1e8d11ad3d50b652af85da74ba7831a">
 <img src="../../../tests/images/test.svg?classes=shadow" alt="Magic" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="relative-to-page">Relative t' plank</h3>
 <p>
-<a href="#image-20fab8a4aa1cbba9faae39180b45738e" class="lightbox-link">
+<a href="#image-81c5636debe2d60e6641688b3151dcb5" class="lightbox-link">
 <img src="../../../tests/images/magic.gif?classes=shadow" alt="Magic" class="shadow" style="height: auto; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-20fab8a4aa1cbba9faae39180b45738e">
+<a href="javascript:history.back();" class="lightbox" id="image-81c5636debe2d60e6641688b3151dcb5">
 <img src="../../../tests/images/magic.gif?classes=shadow" alt="Magic" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="relative-to-page-up-level">Relative t' plank up level</h3>
 <p>
 		
-<a href="#image-6cfabc3b383f8d566b0ee64b944f1357" class="lightbox-link">
+<a href="#image-7e296eff426f141bbebecf232374372f" class="lightbox-link">
 <img src="../../../pir/tests/images/../images/magic.gif?classes=shadow&amp;height=50px" alt="Magic" class="shadow" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-6cfabc3b383f8d566b0ee64b944f1357">
+<a href="javascript:history.back();" class="lightbox" id="image-7e296eff426f141bbebecf232374372f">
 <img src="../../../pir/tests/images/../images/magic.gif?classes=shadow&amp;height=50px" alt="Magic" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="static-svg">Static SVG</h3>
 <p>
 		
-<a href="#image-76a2e3ca3ef293897392b60ce9590344" class="lightbox-link">
+<a href="#image-850269c04a8e289c935f40ec0d0e8a15" class="lightbox-link">
 <img src="../../../images/logo.svg?classes=shadow&amp;height=50px" alt="Logo" class="shadow" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-76a2e3ca3ef293897392b60ce9590344">
+<a href="javascript:history.back();" class="lightbox" id="image-850269c04a8e289c935f40ec0d0e8a15">
 <img src="../../../images/logo.svg?classes=shadow&amp;height=50px" alt="Logo" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="external-fully-qualified">External fully qualified</h3>
 <p>
 		
-<a href="#image-4ca24100594e9a7c049177406cae643a" class="lightbox-link">
+<a href="#image-0959a08bff4a12bd33888244a3d386ba" class="lightbox-link">
 <img src="https://octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion" class="shadow" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-4ca24100594e9a7c049177406cae643a">
+<a href="javascript:history.back();" class="lightbox" id="image-0959a08bff4a12bd33888244a3d386ba">
 <img src="https://octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="external-without-scheme">External without scheme</h3>
 <p>
 		
-<a href="#image-08309c4cfeefbcea706ba10b6892e8fa" class="lightbox-link">
+<a href="#image-ad4c51f3de3009e6b599b984e2e0c97b" class="lightbox-link">
 <img src="//octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion" class="shadow" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-08309c4cfeefbcea706ba10b6892e8fa">
+<a href="javascript:history.back();" class="lightbox" id="image-ad4c51f3de3009e6b599b984e2e0c97b">
 <img src="//octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="external-without-scheme-and-scheme-separator">External without scheme an' scheme separator</h3>
 <p>
 		
-<a href="#image-a699cb6ed3221c2858b7b7d99d10aa76" class="lightbox-link">
+<a href="#image-37c9a228d5dfddaed0d5cf347f658144" class="lightbox-link">
 <img src="../../../pir/tests/images/octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion" class="shadow" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-a699cb6ed3221c2858b7b7d99d10aa76">
+<a href="javascript:history.back();" class="lightbox" id="image-37c9a228d5dfddaed0d5cf347f658144">
 <img src="../../../pir/tests/images/octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="html">HTML</h2>
@@ -162,8 +162,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1676326938" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326938" defer></script>
-    <script src="../../../js/theme.js?1676326938" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402971" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402971" defer></script>
+    <script src="../../../js/theme.js?1676402971" defer></script>
   </body>
 </html>
diff --git a/pir/tests/index.html b/pir/tests/index.html
index 1bab3d3c46..1e68f5179c 100644
--- a/pir/tests/index.html
+++ b/pir/tests/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/index.html" rel="alternate" hreflang="pir">
-    <link href="../../images/logo.svg?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1676326936" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1676326936" rel="stylesheet">
-    <link href="../../css/fonts.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1676326936" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1676326936" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1676326936" rel="stylesheet">
-    <link href="../../css/print.css?1676326936" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1676326936" rel="stylesheet">
-    <script src="../../js/url.js?1676326936"></script>
-    <script src="../../js/variant.js?1676326936"></script>
+    <link href="../../css/fontawesome-all.min.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1676402968" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1676402968" rel="stylesheet">
+    <link href="../../css/fonts.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1676402968" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1676402968" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1676402968" rel="stylesheet">
+    <link href="../../css/print.css?1676402968" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1676402968" rel="stylesheet">
+    <script src="../../js/url.js?1676402968"></script>
+    <script src="../../js/variant.js?1676402968"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -126,12 +126,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -139,33 +139,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -188,12 +188,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1676326938" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1676326938" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1676326938" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1676326938" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1676326938" defer></script>
-        <script src="../../js/search.js?1676326938" defer></script>
+        <script src="../../js/auto-complete.js?1676402970" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1676402970" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1676402970" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1676402970" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1676402970" defer></script>
+        <script src="../../js/search.js?1676402970" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -313,14 +313,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -330,12 +330,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1676326938"></script>
+          <script async src="../../js/buttons.js?1676402970"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1676326938" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1676326938" defer></script>
-    <script src="../../js/theme.js?1676326938" defer></script>
+    <script src="../../js/clipboard.min.js?1676402970" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1676402970" defer></script>
+    <script src="../../js/theme.js?1676402970" defer></script>
   </body>
 </html>
diff --git a/pir/tests/index.print.html b/pir/tests/index.print.html
index 64cc332db9..ddbd81e3c1 100644
--- a/pir/tests/index.print.html
+++ b/pir/tests/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/index.html" rel="alternate" hreflang="pir">
-    <link href="../../images/logo.svg?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1676326938" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1676326938" rel="stylesheet">
-    <link href="../../css/fonts.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1676326938" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1676326938" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1676326938" rel="stylesheet">
-    <link href="../../css/print.css?1676326938" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1676326938" rel="stylesheet">
-    <link href="../../css/ie.css?1676326938" rel="stylesheet">
-    <script src="../../js/url.js?1676326938"></script>
-    <script src="../../js/variant.js?1676326938"></script>
+    <link href="../../css/fontawesome-all.min.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1676402970" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1676402970" rel="stylesheet">
+    <link href="../../css/fonts.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1676402970" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1676402970" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1676402970" rel="stylesheet">
+    <link href="../../css/print.css?1676402970" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1676402970" rel="stylesheet">
+    <link href="../../css/ie.css?1676402970" rel="stylesheet">
+    <script src="../../js/url.js?1676402970"></script>
+    <script src="../../js/variant.js?1676402970"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -299,63 +299,63 @@ Some preformatted stuff 'n HTML elements
 <h2 id="markdown">Marrrkdown</h2>
 <h3 id="resource-svg">Resource SVG</h3>
 <p>
-<a href="#image-0f50379779bfeb6254d80cc9f1a3c1dc" class="lightbox-link">
+<a href="#image-d1e8d11ad3d50b652af85da74ba7831a" class="lightbox-link">
 <img src="../../tests/images/test.svg?classes=shadow" alt="Magic" class="shadow" style="height: auto; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-0f50379779bfeb6254d80cc9f1a3c1dc">
+<a href="javascript:history.back();" class="lightbox" id="image-d1e8d11ad3d50b652af85da74ba7831a">
 <img src="../../tests/images/test.svg?classes=shadow" alt="Magic" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="relative-to-page">Relative t' plank</h3>
 <p>
-<a href="#image-20fab8a4aa1cbba9faae39180b45738e" class="lightbox-link">
+<a href="#image-81c5636debe2d60e6641688b3151dcb5" class="lightbox-link">
 <img src="../../tests/images/magic.gif?classes=shadow" alt="Magic" class="shadow" style="height: auto; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-20fab8a4aa1cbba9faae39180b45738e">
+<a href="javascript:history.back();" class="lightbox" id="image-81c5636debe2d60e6641688b3151dcb5">
 <img src="../../tests/images/magic.gif?classes=shadow" alt="Magic" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="relative-to-page-up-level">Relative t' plank up level</h3>
 <p>
 		
-<a href="#image-6cfabc3b383f8d566b0ee64b944f1357" class="lightbox-link">
+<a href="#image-7e296eff426f141bbebecf232374372f" class="lightbox-link">
 <img src="../../pir/tests/images/../images/magic.gif?classes=shadow&amp;height=50px" alt="Magic" class="shadow" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-6cfabc3b383f8d566b0ee64b944f1357">
+<a href="javascript:history.back();" class="lightbox" id="image-7e296eff426f141bbebecf232374372f">
 <img src="../../pir/tests/images/../images/magic.gif?classes=shadow&amp;height=50px" alt="Magic" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="static-svg">Static SVG</h3>
 <p>
 		
-<a href="#image-76a2e3ca3ef293897392b60ce9590344" class="lightbox-link">
+<a href="#image-850269c04a8e289c935f40ec0d0e8a15" class="lightbox-link">
 <img src="../../images/logo.svg?classes=shadow&amp;height=50px" alt="Logo" class="shadow" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-76a2e3ca3ef293897392b60ce9590344">
+<a href="javascript:history.back();" class="lightbox" id="image-850269c04a8e289c935f40ec0d0e8a15">
 <img src="../../images/logo.svg?classes=shadow&amp;height=50px" alt="Logo" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="external-fully-qualified">External fully qualified</h3>
 <p>
 		
-<a href="#image-4ca24100594e9a7c049177406cae643a" class="lightbox-link">
+<a href="#image-0959a08bff4a12bd33888244a3d386ba" class="lightbox-link">
 <img src="https://octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion" class="shadow" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-4ca24100594e9a7c049177406cae643a">
+<a href="javascript:history.back();" class="lightbox" id="image-0959a08bff4a12bd33888244a3d386ba">
 <img src="https://octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="external-without-scheme">External without scheme</h3>
 <p>
 		
-<a href="#image-08309c4cfeefbcea706ba10b6892e8fa" class="lightbox-link">
+<a href="#image-ad4c51f3de3009e6b599b984e2e0c97b" class="lightbox-link">
 <img src="//octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion" class="shadow" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-08309c4cfeefbcea706ba10b6892e8fa">
+<a href="javascript:history.back();" class="lightbox" id="image-ad4c51f3de3009e6b599b984e2e0c97b">
 <img src="//octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="external-without-scheme-and-scheme-separator">External without scheme an' scheme separator</h3>
 <p>
 		
-<a href="#image-a699cb6ed3221c2858b7b7d99d10aa76" class="lightbox-link">
+<a href="#image-37c9a228d5dfddaed0d5cf347f658144" class="lightbox-link">
 <img src="../../pir/tests/images/octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion" class="shadow" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-a699cb6ed3221c2858b7b7d99d10aa76">
+<a href="javascript:history.back();" class="lightbox" id="image-37c9a228d5dfddaed0d5cf347f658144">
 <img src="../../pir/tests/images/octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="html">HTML</h2>
@@ -593,10 +593,10 @@ Some preformatted stuff 'n HTML elements
 <tr>
 <td>
 		
-<a href="#image-0c8b1ef03190e0976dbe90fc199a3871" class="lightbox-link">
+<a href="#image-5cd5980b9cebf370c60d072f6d16e0c4" class="lightbox-link">
 <img src="https://octodex.github.com/images/spocktocat.png?classes=shadow&amp;width=24px" alt="Spock" class="shadow" style="height: auto; width: 24px;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-0c8b1ef03190e0976dbe90fc199a3871">
+<a href="javascript:history.back();" class="lightbox" id="image-5cd5980b9cebf370c60d072f6d16e0c4">
 <img src="https://octodex.github.com/images/spocktocat.png?classes=shadow&amp;width=24px" alt="Spock" class="lightbox-image" loading="lazy">
 </a></td>
 </tr>
@@ -864,8 +864,8 @@ graph LR;
           </section>        </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1676326938" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1676326938" defer></script>
-    <script src="../../js/theme.js?1676326938" defer></script>
+    <script src="../../js/clipboard.min.js?1676402971" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1676402971" defer></script>
+    <script src="../../js/theme.js?1676402971" defer></script>
   </body>
 </html>
diff --git a/pir/tests/tables/index.html b/pir/tests/tables/index.html
index 6d6e99321f..1cedae21a0 100644
--- a/pir/tests/tables/index.html
+++ b/pir/tests/tables/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/tables/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/tables/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/tables/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326936" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326936" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326936" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326936" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326936" rel="stylesheet">
-    <link href="../../../css/print.css?1676326936" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1676326936" rel="stylesheet">
-    <script src="../../../js/url.js?1676326936"></script>
-    <script src="../../../js/variant.js?1676326936"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402968" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402968" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402968" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402968" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402968" rel="stylesheet">
+    <link href="../../../css/print.css?1676402968" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1676402968" rel="stylesheet">
+    <script src="../../../js/url.js?1676402968"></script>
+    <script src="../../../js/variant.js?1676402968"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -317,10 +317,10 @@
 <tr>
 <td>
 		
-<a href="#image-0c8b1ef03190e0976dbe90fc199a3871" class="lightbox-link">
+<a href="#image-5cd5980b9cebf370c60d072f6d16e0c4" class="lightbox-link">
 <img src="https://octodex.github.com/images/spocktocat.png?classes=shadow&amp;width=24px" alt="Spock" class="shadow" style="height: auto; width: 24px;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-0c8b1ef03190e0976dbe90fc199a3871">
+<a href="javascript:history.back();" class="lightbox" id="image-5cd5980b9cebf370c60d072f6d16e0c4">
 <img src="https://octodex.github.com/images/spocktocat.png?classes=shadow&amp;width=24px" alt="Spock" class="lightbox-image" loading="lazy">
 </a></td>
 </tr>
@@ -579,12 +579,12 @@ graph LR;
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -592,33 +592,33 @@ graph LR;
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -641,12 +641,12 @@ graph LR;
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1676326938" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1676326938" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676326938" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1676326938" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1676326938" defer></script>
-        <script src="../../../js/search.js?1676326938" defer></script>
+        <script src="../../../js/auto-complete.js?1676402970" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1676402970" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676402970" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1676402970" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1676402970" defer></script>
+        <script src="../../../js/search.js?1676402970" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -766,14 +766,14 @@ graph LR;
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -783,12 +783,12 @@ graph LR;
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1676326938"></script>
+          <script async src="../../../js/buttons.js?1676402970"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1676326938" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326938" defer></script>
-    <script src="../../../js/theme.js?1676326938" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402970" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402970" defer></script>
+    <script src="../../../js/theme.js?1676402970" defer></script>
   </body>
 </html>
diff --git a/pir/tests/tables/index.print.html b/pir/tests/tables/index.print.html
index fd220face1..25854b801a 100644
--- a/pir/tests/tables/index.print.html
+++ b/pir/tests/tables/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/tables/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/tables/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/tables/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326938" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326938" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326938" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326938" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326938" rel="stylesheet">
-    <link href="../../../css/print.css?1676326938" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1676326938" rel="stylesheet">
-    <link href="../../../css/ie.css?1676326938" rel="stylesheet">
-    <script src="../../../js/url.js?1676326938"></script>
-    <script src="../../../js/variant.js?1676326938"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402970" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402970" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402970" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402970" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402970" rel="stylesheet">
+    <link href="../../../css/print.css?1676402970" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1676402970" rel="stylesheet">
+    <link href="../../../css/ie.css?1676402970" rel="stylesheet">
+    <script src="../../../js/url.js?1676402970"></script>
+    <script src="../../../js/variant.js?1676402970"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -286,10 +286,10 @@
 <tr>
 <td>
 		
-<a href="#image-0c8b1ef03190e0976dbe90fc199a3871" class="lightbox-link">
+<a href="#image-5cd5980b9cebf370c60d072f6d16e0c4" class="lightbox-link">
 <img src="https://octodex.github.com/images/spocktocat.png?classes=shadow&amp;width=24px" alt="Spock" class="shadow" style="height: auto; width: 24px;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-0c8b1ef03190e0976dbe90fc199a3871">
+<a href="javascript:history.back();" class="lightbox" id="image-5cd5980b9cebf370c60d072f6d16e0c4">
 <img src="https://octodex.github.com/images/spocktocat.png?classes=shadow&amp;width=24px" alt="Spock" class="lightbox-image" loading="lazy">
 </a></td>
 </tr>
@@ -532,8 +532,8 @@ graph LR;
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1676326938" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326938" defer></script>
-    <script src="../../../js/theme.js?1676326938" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402971" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402971" defer></script>
+    <script src="../../../js/theme.js?1676402971" defer></script>
   </body>
 </html>
diff --git a/pir/tests/width/index.html b/pir/tests/width/index.html
index a98b853a70..abf66527c7 100644
--- a/pir/tests/width/index.html
+++ b/pir/tests/width/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/width/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/width/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/width/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326936" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326936" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326936" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326936" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326936" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326936" rel="stylesheet">
-    <link href="../../../css/print.css?1676326936" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1676326936" rel="stylesheet">
-    <script src="../../../js/url.js?1676326936"></script>
-    <script src="../../../js/variant.js?1676326936"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402968" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402968" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402968" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402968" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402968" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402968" rel="stylesheet">
+    <link href="../../../css/print.css?1676402968" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1676402968" rel="stylesheet">
+    <script src="../../../js/url.js?1676402968"></script>
+    <script src="../../../js/variant.js?1676402968"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -129,12 +129,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -142,33 +142,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -191,12 +191,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1676326937" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1676326937" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676326937" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1676326937" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1676326937" defer></script>
-        <script src="../../../js/search.js?1676326937" defer></script>
+        <script src="../../../js/auto-complete.js?1676402969" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1676402969" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676402969" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1676402969" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1676402969" defer></script>
+        <script src="../../../js/search.js?1676402969" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -316,14 +316,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -333,12 +333,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1676326937"></script>
+          <script async src="../../../js/buttons.js?1676402969"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1676326937" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326937" defer></script>
-    <script src="../../../js/theme.js?1676326937" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402969" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402969" defer></script>
+    <script src="../../../js/theme.js?1676402969" defer></script>
   </body>
 </html>
diff --git a/pir/tests/width/index.print.html b/pir/tests/width/index.print.html
index c6851c1d25..c49d4d25bb 100644
--- a/pir/tests/width/index.print.html
+++ b/pir/tests/width/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/width/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/width/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/width/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1676326936" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402968" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326938" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326938" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326938" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326938" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326938" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326938" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326938" rel="stylesheet">
-    <link href="../../../css/print.css?1676326938" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1676326938" rel="stylesheet">
-    <link href="../../../css/ie.css?1676326938" rel="stylesheet">
-    <script src="../../../js/url.js?1676326938"></script>
-    <script src="../../../js/variant.js?1676326938"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402970" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402970" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402970" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402970" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402970" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402970" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402970" rel="stylesheet">
+    <link href="../../../css/print.css?1676402970" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1676402970" rel="stylesheet">
+    <link href="../../../css/ie.css?1676402970" rel="stylesheet">
+    <script src="../../../js/url.js?1676402970"></script>
+    <script src="../../../js/variant.js?1676402970"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -98,8 +98,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1676326938" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326938" defer></script>
-    <script src="../../../js/theme.js?1676326938" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402971" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402971" defer></script>
+    <script src="../../../js/theme.js?1676402971" defer></script>
   </body>
 </html>
diff --git a/search.html b/search.html
index 4e4f34920e..bfe25d0567 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="Hugo Relearn Theme">
-    <link href="./images/logo.svg?1676326934" rel="icon" type="image/svg+xml">
+    <link href="./images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="./css/fontawesome-all.min.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1676326936" rel="stylesheet"></noscript>
-    <link href="./css/nucleus.css?1676326936" rel="stylesheet">
-    <link href="./css/auto-complete.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1676326936" rel="stylesheet"></noscript>
-    <link href="./css/perfect-scrollbar.min.css?1676326936" rel="stylesheet">
-    <link href="./css/fonts.css?1676326936" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1676326936" rel="stylesheet"></noscript>
-    <link href="./css/theme.css?1676326936" rel="stylesheet">
-    <link href="./css/theme-auto.css?1676326936" rel="stylesheet" id="variant-style">
-    <link href="./css/variant.css?1676326936" rel="stylesheet">
-    <link href="./css/print.css?1676326936" rel="stylesheet" media="print">
-    <link href="./css/ie.css?1676326936" rel="stylesheet">
-    <script src="./js/url.js?1676326936"></script>
-    <script src="./js/variant.js?1676326936"></script>
+    <link href="./css/fontawesome-all.min.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fontawesome-all.min.css?1676402968" rel="stylesheet"></noscript>
+    <link href="./css/nucleus.css?1676402968" rel="stylesheet">
+    <link href="./css/auto-complete.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/auto-complete.css?1676402968" rel="stylesheet"></noscript>
+    <link href="./css/perfect-scrollbar.min.css?1676402968" rel="stylesheet">
+    <link href="./css/fonts.css?1676402968" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="./css/fonts.css?1676402968" rel="stylesheet"></noscript>
+    <link href="./css/theme.css?1676402968" rel="stylesheet">
+    <link href="./css/theme-auto.css?1676402968" rel="stylesheet" id="variant-style">
+    <link href="./css/variant.css?1676402968" rel="stylesheet">
+    <link href="./css/print.css?1676402968" rel="stylesheet" media="print">
+    <link href="./css/ie.css?1676402968" rel="stylesheet">
+    <script src="./js/url.js?1676402968"></script>
+    <script src="./js/variant.js?1676402968"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -118,12 +118,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -131,33 +131,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -180,12 +180,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="./js/auto-complete.js?1676326936" defer></script>
-        <script src="./js/lunr/lunr.min.js?1676326936" defer></script>
-        <script src="./js/lunr/lunr.stemmer.support.min.js?1676326936" defer></script>
-        <script src="./js/lunr/lunr.multi.min.js?1676326936" defer></script>
-        <script src="./js/lunr/lunr.en.min.js?1676326936" defer></script>
-        <script src="./js/search.js?1676326936" defer></script>
+        <script src="./js/auto-complete.js?1676402968" defer></script>
+        <script src="./js/lunr/lunr.min.js?1676402968" defer></script>
+        <script src="./js/lunr/lunr.stemmer.support.min.js?1676402968" defer></script>
+        <script src="./js/lunr/lunr.multi.min.js?1676402968" defer></script>
+        <script src="./js/lunr/lunr.en.min.js?1676402968" defer></script>
+        <script src="./js/search.js?1676402968" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -285,14 +285,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -302,12 +302,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="./js/buttons.js?1676326936"></script>
+          <script async src="./js/buttons.js?1676402968"></script>
         </div>
       </div>
     </aside>
-    <script src="./js/clipboard.min.js?1676326936" defer></script>
-    <script src="./js/perfect-scrollbar.min.js?1676326936" defer></script>
-    <script src="./js/theme.js?1676326936" defer></script>
+    <script src="./js/clipboard.min.js?1676402968" defer></script>
+    <script src="./js/perfect-scrollbar.min.js?1676402968" defer></script>
+    <script src="./js/theme.js?1676402968" defer></script>
   </body>
 </html>
diff --git a/shortcodes/attachments/index.html b/shortcodes/attachments/index.html
index 9db76bc423..77bf474780 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?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1676326934" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1676326934" rel="stylesheet">
-    <link href="../../css/fonts.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1676326934" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1676326934" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1676326934" rel="stylesheet">
-    <link href="../../css/print.css?1676326934" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1676326934" rel="stylesheet">
-    <script src="../../js/url.js?1676326934"></script>
-    <script src="../../js/variant.js?1676326934"></script>
+    <link href="../../css/fontawesome-all.min.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1676402965" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1676402965" rel="stylesheet">
+    <link href="../../css/fonts.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1676402965" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1676402965" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1676402965" rel="stylesheet">
+    <link href="../../css/print.css?1676402965" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1676402965" rel="stylesheet">
+    <script src="../../js/url.js?1676402965"></script>
+    <script src="../../js/variant.js?1676402965"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -368,12 +368,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -381,33 +381,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -430,12 +430,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1676326934" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1676326934" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1676326934" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1676326934" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1676326934" defer></script>
-        <script src="../../js/search.js?1676326934" defer></script>
+        <script src="../../js/auto-complete.js?1676402965" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1676402965" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1676402965" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1676402965" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1676402965" defer></script>
+        <script src="../../js/search.js?1676402965" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -535,14 +535,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -552,12 +552,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1676326934"></script>
+          <script async src="../../js/buttons.js?1676402965"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1676326934" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1676326934" defer></script>
-    <script src="../../js/theme.js?1676326934" defer></script>
+    <script src="../../js/clipboard.min.js?1676402965" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1676402965" defer></script>
+    <script src="../../js/theme.js?1676402965" defer></script>
   </body>
 </html>
diff --git a/shortcodes/attachments/index.print.html b/shortcodes/attachments/index.print.html
index 5f00c082a9..ff837639e1 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?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1676326935" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1676326935" rel="stylesheet">
-    <link href="../../css/fonts.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1676326935" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1676326935" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1676326935" rel="stylesheet">
-    <link href="../../css/print.css?1676326935" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1676326935" rel="stylesheet">
-    <link href="../../css/ie.css?1676326935" rel="stylesheet">
-    <script src="../../js/url.js?1676326935"></script>
-    <script src="../../js/variant.js?1676326935"></script>
+    <link href="../../css/fontawesome-all.min.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1676402967" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1676402967" rel="stylesheet">
+    <link href="../../css/fonts.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1676402967" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1676402967" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1676402967" rel="stylesheet">
+    <link href="../../css/print.css?1676402967" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1676402967" rel="stylesheet">
+    <link href="../../css/ie.css?1676402967" rel="stylesheet">
+    <script src="../../js/url.js?1676402967"></script>
+    <script src="../../js/variant.js?1676402967"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -309,8 +309,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1676326935" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1676326935" defer></script>
-    <script src="../../js/theme.js?1676326935" defer></script>
+    <script src="../../js/clipboard.min.js?1676402967" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1676402967" defer></script>
+    <script src="../../js/theme.js?1676402967" defer></script>
   </body>
 </html>
diff --git a/shortcodes/badge/index.html b/shortcodes/badge/index.html
index 09d35aa145..0fb634e1c3 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?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1676326934" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1676326934" rel="stylesheet">
-    <link href="../../css/fonts.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1676326934" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1676326934" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1676326934" rel="stylesheet">
-    <link href="../../css/print.css?1676326934" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1676326934" rel="stylesheet">
-    <script src="../../js/url.js?1676326934"></script>
-    <script src="../../js/variant.js?1676326934"></script>
+    <link href="../../css/fontawesome-all.min.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1676402965" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1676402965" rel="stylesheet">
+    <link href="../../css/fonts.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1676402965" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1676402965" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1676402965" rel="stylesheet">
+    <link href="../../css/print.css?1676402965" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1676402965" rel="stylesheet">
+    <script src="../../js/url.js?1676402965"></script>
+    <script src="../../js/variant.js?1676402965"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -337,12 +337,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -350,33 +350,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -399,12 +399,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1676326934" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1676326934" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1676326934" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1676326934" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1676326934" defer></script>
-        <script src="../../js/search.js?1676326934" defer></script>
+        <script src="../../js/auto-complete.js?1676402966" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1676402966" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1676402966" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1676402966" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1676402966" defer></script>
+        <script src="../../js/search.js?1676402966" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -504,14 +504,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -521,12 +521,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1676326934"></script>
+          <script async src="../../js/buttons.js?1676402966"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1676326934" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1676326934" defer></script>
-    <script src="../../js/theme.js?1676326934" defer></script>
+    <script src="../../js/clipboard.min.js?1676402966" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1676402966" defer></script>
+    <script src="../../js/theme.js?1676402966" defer></script>
   </body>
 </html>
diff --git a/shortcodes/badge/index.print.html b/shortcodes/badge/index.print.html
index bce3d3ec0e..aa548b7d88 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?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1676326935" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1676326935" rel="stylesheet">
-    <link href="../../css/fonts.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1676326935" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1676326935" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1676326935" rel="stylesheet">
-    <link href="../../css/print.css?1676326935" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1676326935" rel="stylesheet">
-    <link href="../../css/ie.css?1676326935" rel="stylesheet">
-    <script src="../../js/url.js?1676326935"></script>
-    <script src="../../js/variant.js?1676326935"></script>
+    <link href="../../css/fontawesome-all.min.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1676402967" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1676402967" rel="stylesheet">
+    <link href="../../css/fonts.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1676402967" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1676402967" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1676402967" rel="stylesheet">
+    <link href="../../css/print.css?1676402967" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1676402967" rel="stylesheet">
+    <link href="../../css/ie.css?1676402967" rel="stylesheet">
+    <script src="../../js/url.js?1676402967"></script>
+    <script src="../../js/variant.js?1676402967"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -285,8 +285,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1676326935" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1676326935" defer></script>
-    <script src="../../js/theme.js?1676326935" defer></script>
+    <script src="../../js/clipboard.min.js?1676402967" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1676402967" defer></script>
+    <script src="../../js/theme.js?1676402967" defer></script>
   </body>
 </html>
diff --git a/shortcodes/button/index.html b/shortcodes/button/index.html
index 1c2b2bf8cf..1383b54af5 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?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1676326934" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1676326934" rel="stylesheet">
-    <link href="../../css/fonts.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1676326934" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1676326934" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1676326934" rel="stylesheet">
-    <link href="../../css/print.css?1676326934" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1676326934" rel="stylesheet">
-    <script src="../../js/url.js?1676326934"></script>
-    <script src="../../js/variant.js?1676326934"></script>
+    <link href="../../css/fontawesome-all.min.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1676402965" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1676402965" rel="stylesheet">
+    <link href="../../css/fonts.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1676402965" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1676402965" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1676402965" rel="stylesheet">
+    <link href="../../css/print.css?1676402965" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1676402965" rel="stylesheet">
+    <script src="../../js/url.js?1676402965"></script>
+    <script src="../../js/variant.js?1676402965"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -458,12 +458,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -471,33 +471,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -520,12 +520,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1676326934" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1676326934" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1676326934" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1676326934" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1676326934" defer></script>
-        <script src="../../js/search.js?1676326934" defer></script>
+        <script src="../../js/auto-complete.js?1676402966" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1676402966" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1676402966" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1676402966" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1676402966" defer></script>
+        <script src="../../js/search.js?1676402966" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -625,14 +625,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -642,12 +642,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1676326934"></script>
+          <script async src="../../js/buttons.js?1676402966"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1676326934" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1676326934" defer></script>
-    <script src="../../js/theme.js?1676326934" defer></script>
+    <script src="../../js/clipboard.min.js?1676402966" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1676402966" defer></script>
+    <script src="../../js/theme.js?1676402966" defer></script>
   </body>
 </html>
diff --git a/shortcodes/button/index.print.html b/shortcodes/button/index.print.html
index bbf2927761..190bca4764 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?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1676326935" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1676326935" rel="stylesheet">
-    <link href="../../css/fonts.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1676326935" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1676326935" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1676326935" rel="stylesheet">
-    <link href="../../css/print.css?1676326935" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1676326935" rel="stylesheet">
-    <link href="../../css/ie.css?1676326935" rel="stylesheet">
-    <script src="../../js/url.js?1676326935"></script>
-    <script src="../../js/variant.js?1676326935"></script>
+    <link href="../../css/fontawesome-all.min.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1676402967" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1676402967" rel="stylesheet">
+    <link href="../../css/fonts.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1676402967" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1676402967" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1676402967" rel="stylesheet">
+    <link href="../../css/print.css?1676402967" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1676402967" rel="stylesheet">
+    <link href="../../css/ie.css?1676402967" rel="stylesheet">
+    <script src="../../js/url.js?1676402967"></script>
+    <script src="../../js/variant.js?1676402967"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -405,8 +405,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1676326935" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1676326935" defer></script>
-    <script src="../../js/theme.js?1676326935" defer></script>
+    <script src="../../js/clipboard.min.js?1676402967" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1676402967" defer></script>
+    <script src="../../js/theme.js?1676402967" 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 9d5092ad69..f7bfda8db1 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?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../../css/fontawesome-all.min.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/nucleus.css?1676326934" rel="stylesheet">
-    <link href="../../../../../../../../css/auto-complete.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1676326934" rel="stylesheet">
-    <link href="../../../../../../../../css/fonts.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/theme.css?1676326934" rel="stylesheet">
-    <link href="../../../../../../../../css/theme-auto.css?1676326934" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../../css/variant.css?1676326934" rel="stylesheet">
-    <link href="../../../../../../../../css/print.css?1676326934" rel="stylesheet" media="print">
-    <link href="../../../../../../../../css/ie.css?1676326934" rel="stylesheet">
-    <script src="../../../../../../../../js/url.js?1676326934"></script>
-    <script src="../../../../../../../../js/variant.js?1676326934"></script>
+    <link href="../../../../../../../../css/fontawesome-all.min.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/nucleus.css?1676402965" rel="stylesheet">
+    <link href="../../../../../../../../css/auto-complete.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1676402965" rel="stylesheet">
+    <link href="../../../../../../../../css/fonts.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/theme.css?1676402965" rel="stylesheet">
+    <link href="../../../../../../../../css/theme-auto.css?1676402965" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../../css/variant.css?1676402965" rel="stylesheet">
+    <link href="../../../../../../../../css/print.css?1676402965" rel="stylesheet" media="print">
+    <link href="../../../../../../../../css/ie.css?1676402965" rel="stylesheet">
+    <script src="../../../../../../../../js/url.js?1676402965"></script>
+    <script src="../../../../../../../../js/variant.js?1676402965"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -124,12 +124,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -137,33 +137,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -186,12 +186,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../../../js/auto-complete.js?1676326935" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.min.js?1676326935" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.stemmer.support.min.js?1676326935" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.multi.min.js?1676326935" defer></script>
-        <script src="../../../../../../../../js/lunr/lunr.en.min.js?1676326935" defer></script>
-        <script src="../../../../../../../../js/search.js?1676326935" defer></script>
+        <script src="../../../../../../../../js/auto-complete.js?1676402967" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.min.js?1676402967" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.stemmer.support.min.js?1676402967" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.multi.min.js?1676402967" defer></script>
+        <script src="../../../../../../../../js/lunr/lunr.en.min.js?1676402967" defer></script>
+        <script src="../../../../../../../../js/search.js?1676402967" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -295,14 +295,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -312,12 +312,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../../../../../js/buttons.js?1676326935"></script>
+          <script async src="../../../../../../../../js/buttons.js?1676402967"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../../../js/clipboard.min.js?1676326935" defer></script>
-    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1676326935" defer></script>
-    <script src="../../../../../../../../js/theme.js?1676326935" defer></script>
+    <script src="../../../../../../../../js/clipboard.min.js?1676402967" defer></script>
+    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1676402967" defer></script>
+    <script src="../../../../../../../../js/theme.js?1676402967" 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 9abac6fb9f..024eede0fd 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?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../../css/fontawesome-all.min.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/nucleus.css?1676326935" rel="stylesheet">
-    <link href="../../../../../../../../css/auto-complete.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1676326935" rel="stylesheet">
-    <link href="../../../../../../../../css/fonts.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../../../../../../css/theme.css?1676326935" rel="stylesheet">
-    <link href="../../../../../../../../css/theme-auto.css?1676326935" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../../css/variant.css?1676326935" rel="stylesheet">
-    <link href="../../../../../../../../css/print.css?1676326935" rel="stylesheet" media="print">
-    <link href="../../../../../../../../css/format-print.css?1676326935" rel="stylesheet">
-    <link href="../../../../../../../../css/ie.css?1676326935" rel="stylesheet">
-    <script src="../../../../../../../../js/url.js?1676326935"></script>
-    <script src="../../../../../../../../js/variant.js?1676326935"></script>
+    <link href="../../../../../../../../css/fontawesome-all.min.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fontawesome-all.min.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/nucleus.css?1676402967" rel="stylesheet">
+    <link href="../../../../../../../../css/auto-complete.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/auto-complete.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/perfect-scrollbar.min.css?1676402967" rel="stylesheet">
+    <link href="../../../../../../../../css/fonts.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../../css/fonts.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../../../../../../css/theme.css?1676402967" rel="stylesheet">
+    <link href="../../../../../../../../css/theme-auto.css?1676402967" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../../css/variant.css?1676402967" rel="stylesheet">
+    <link href="../../../../../../../../css/print.css?1676402967" rel="stylesheet" media="print">
+    <link href="../../../../../../../../css/format-print.css?1676402967" rel="stylesheet">
+    <link href="../../../../../../../../css/ie.css?1676402967" rel="stylesheet">
+    <script src="../../../../../../../../js/url.js?1676402967"></script>
+    <script src="../../../../../../../../js/variant.js?1676402967"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -93,8 +93,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../../../js/clipboard.min.js?1676326936" defer></script>
-    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1676326936" defer></script>
-    <script src="../../../../../../../../js/theme.js?1676326936" defer></script>
+    <script src="../../../../../../../../js/clipboard.min.js?1676402967" defer></script>
+    <script src="../../../../../../../../js/perfect-scrollbar.min.js?1676402967" defer></script>
+    <script src="../../../../../../../../js/theme.js?1676402967" 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 97bc53c905..eea72b67b7 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?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../css/fontawesome-all.min.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/nucleus.css?1676326934" rel="stylesheet">
-    <link href="../../../../../../../css/auto-complete.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1676326934" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1676326934" rel="stylesheet">
-    <link href="../../../../../../../css/theme-auto.css?1676326934" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../css/variant.css?1676326934" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1676326934" rel="stylesheet" media="print">
-    <link href="../../../../../../../css/ie.css?1676326934" rel="stylesheet">
-    <script src="../../../../../../../js/url.js?1676326934"></script>
-    <script src="../../../../../../../js/variant.js?1676326934"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/nucleus.css?1676402965" rel="stylesheet">
+    <link href="../../../../../../../css/auto-complete.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1676402965" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1676402965" rel="stylesheet">
+    <link href="../../../../../../../css/theme-auto.css?1676402965" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../css/variant.css?1676402965" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1676402965" rel="stylesheet" media="print">
+    <link href="../../../../../../../css/ie.css?1676402965" rel="stylesheet">
+    <script src="../../../../../../../js/url.js?1676402965"></script>
+    <script src="../../../../../../../js/variant.js?1676402965"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -139,12 +139,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -152,33 +152,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -201,12 +201,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../../js/auto-complete.js?1676326935" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.min.js?1676326935" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1676326935" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1676326935" defer></script>
-        <script src="../../../../../../../js/lunr/lunr.en.min.js?1676326935" defer></script>
-        <script src="../../../../../../../js/search.js?1676326935" defer></script>
+        <script src="../../../../../../../js/auto-complete.js?1676402967" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.min.js?1676402967" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.stemmer.support.min.js?1676402967" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.multi.min.js?1676402967" defer></script>
+        <script src="../../../../../../../js/lunr/lunr.en.min.js?1676402967" defer></script>
+        <script src="../../../../../../../js/search.js?1676402967" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -310,14 +310,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -327,12 +327,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../../../../js/buttons.js?1676326935"></script>
+          <script async src="../../../../../../../js/buttons.js?1676402967"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../../js/clipboard.min.js?1676326935" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1676326935" defer></script>
-    <script src="../../../../../../../js/theme.js?1676326935" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1676402967" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1676402967" defer></script>
+    <script src="../../../../../../../js/theme.js?1676402967" 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 8e53cf5473..5cb7a054a2 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?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../../css/fontawesome-all.min.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/nucleus.css?1676326935" rel="stylesheet">
-    <link href="../../../../../../../css/auto-complete.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/perfect-scrollbar.min.css?1676326935" rel="stylesheet">
-    <link href="../../../../../../../css/fonts.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../../../../../css/theme.css?1676326935" rel="stylesheet">
-    <link href="../../../../../../../css/theme-auto.css?1676326935" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../../css/variant.css?1676326935" rel="stylesheet">
-    <link href="../../../../../../../css/print.css?1676326935" rel="stylesheet" media="print">
-    <link href="../../../../../../../css/format-print.css?1676326935" rel="stylesheet">
-    <link href="../../../../../../../css/ie.css?1676326935" rel="stylesheet">
-    <script src="../../../../../../../js/url.js?1676326935"></script>
-    <script src="../../../../../../../js/variant.js?1676326935"></script>
+    <link href="../../../../../../../css/fontawesome-all.min.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fontawesome-all.min.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/nucleus.css?1676402967" rel="stylesheet">
+    <link href="../../../../../../../css/auto-complete.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/auto-complete.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/perfect-scrollbar.min.css?1676402967" rel="stylesheet">
+    <link href="../../../../../../../css/fonts.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../../css/fonts.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../../../../../css/theme.css?1676402967" rel="stylesheet">
+    <link href="../../../../../../../css/theme-auto.css?1676402967" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../../css/variant.css?1676402967" rel="stylesheet">
+    <link href="../../../../../../../css/print.css?1676402967" rel="stylesheet" media="print">
+    <link href="../../../../../../../css/format-print.css?1676402967" rel="stylesheet">
+    <link href="../../../../../../../css/ie.css?1676402967" rel="stylesheet">
+    <script src="../../../../../../../js/url.js?1676402967"></script>
+    <script src="../../../../../../../js/variant.js?1676402967"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -110,8 +110,8 @@
           </section>        </div>
       </main>
     </div>
-    <script src="../../../../../../../js/clipboard.min.js?1676326936" defer></script>
-    <script src="../../../../../../../js/perfect-scrollbar.min.js?1676326936" defer></script>
-    <script src="../../../../../../../js/theme.js?1676326936" defer></script>
+    <script src="../../../../../../../js/clipboard.min.js?1676402967" defer></script>
+    <script src="../../../../../../../js/perfect-scrollbar.min.js?1676402967" defer></script>
+    <script src="../../../../../../../js/theme.js?1676402967" 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 5e95d4b080..c59e065fd3 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?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1676326934" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1676326934" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1676326934" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1676326934" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../css/variant.css?1676326934" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1676326934" rel="stylesheet" media="print">
-    <link href="../../../../../../css/ie.css?1676326934" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1676326934"></script>
-    <script src="../../../../../../js/variant.js?1676326934"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1676402965" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1676402965" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1676402965" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1676402965" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../css/variant.css?1676402965" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1676402965" rel="stylesheet" media="print">
+    <link href="../../../../../../css/ie.css?1676402965" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1676402965"></script>
+    <script src="../../../../../../js/variant.js?1676402965"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -138,12 +138,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -151,33 +151,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -200,12 +200,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../js/auto-complete.js?1676326935" defer></script>
-        <script src="../../../../../../js/lunr/lunr.min.js?1676326935" defer></script>
-        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1676326935" defer></script>
-        <script src="../../../../../../js/lunr/lunr.multi.min.js?1676326935" defer></script>
-        <script src="../../../../../../js/lunr/lunr.en.min.js?1676326935" defer></script>
-        <script src="../../../../../../js/search.js?1676326935" defer></script>
+        <script src="../../../../../../js/auto-complete.js?1676402967" defer></script>
+        <script src="../../../../../../js/lunr/lunr.min.js?1676402967" defer></script>
+        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1676402967" defer></script>
+        <script src="../../../../../../js/lunr/lunr.multi.min.js?1676402967" defer></script>
+        <script src="../../../../../../js/lunr/lunr.en.min.js?1676402967" defer></script>
+        <script src="../../../../../../js/search.js?1676402967" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -307,14 +307,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -324,12 +324,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../../../js/buttons.js?1676326935"></script>
+          <script async src="../../../../../../js/buttons.js?1676402967"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../js/clipboard.min.js?1676326935" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1676326935" defer></script>
-    <script src="../../../../../../js/theme.js?1676326935" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1676402967" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1676402967" defer></script>
+    <script src="../../../../../../js/theme.js?1676402967" 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 d34a9d024b..0d23a16ca6 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?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1676326935" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1676326935" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1676326935" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1676326935" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../css/variant.css?1676326935" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1676326935" rel="stylesheet" media="print">
-    <link href="../../../../../../css/format-print.css?1676326935" rel="stylesheet">
-    <link href="../../../../../../css/ie.css?1676326935" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1676326935"></script>
-    <script src="../../../../../../js/variant.js?1676326935"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1676402967" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1676402967" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1676402967" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1676402967" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../css/variant.css?1676402967" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1676402967" rel="stylesheet" media="print">
+    <link href="../../../../../../css/format-print.css?1676402967" rel="stylesheet">
+    <link href="../../../../../../css/ie.css?1676402967" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1676402967"></script>
+    <script src="../../../../../../js/variant.js?1676402967"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -100,8 +100,8 @@
           </section>        </div>
       </main>
     </div>
-    <script src="../../../../../../js/clipboard.min.js?1676326936" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1676326936" defer></script>
-    <script src="../../../../../../js/theme.js?1676326936" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1676402967" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1676402967" defer></script>
+    <script src="../../../../../../js/theme.js?1676402967" 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 9caeefc13a..195dffe9a8 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?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../../../css/nucleus.css?1676326934" rel="stylesheet">
-    <link href="../../../../../css/auto-complete.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1676326934" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1676326934" rel="stylesheet">
-    <link href="../../../../../css/theme-auto.css?1676326934" rel="stylesheet" id="variant-style">
-    <link href="../../../../../css/variant.css?1676326934" rel="stylesheet">
-    <link href="../../../../../css/print.css?1676326934" rel="stylesheet" media="print">
-    <link href="../../../../../css/ie.css?1676326934" rel="stylesheet">
-    <script src="../../../../../js/url.js?1676326934"></script>
-    <script src="../../../../../js/variant.js?1676326934"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../../../css/nucleus.css?1676402965" rel="stylesheet">
+    <link href="../../../../../css/auto-complete.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1676402965" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1676402965" rel="stylesheet">
+    <link href="../../../../../css/theme-auto.css?1676402965" rel="stylesheet" id="variant-style">
+    <link href="../../../../../css/variant.css?1676402965" rel="stylesheet">
+    <link href="../../../../../css/print.css?1676402965" rel="stylesheet" media="print">
+    <link href="../../../../../css/ie.css?1676402965" rel="stylesheet">
+    <script src="../../../../../js/url.js?1676402965"></script>
+    <script src="../../../../../js/variant.js?1676402965"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -137,12 +137,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -150,33 +150,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -199,12 +199,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../js/auto-complete.js?1676326935" defer></script>
-        <script src="../../../../../js/lunr/lunr.min.js?1676326935" defer></script>
-        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1676326935" defer></script>
-        <script src="../../../../../js/lunr/lunr.multi.min.js?1676326935" defer></script>
-        <script src="../../../../../js/lunr/lunr.en.min.js?1676326935" defer></script>
-        <script src="../../../../../js/search.js?1676326935" defer></script>
+        <script src="../../../../../js/auto-complete.js?1676402967" defer></script>
+        <script src="../../../../../js/lunr/lunr.min.js?1676402967" defer></script>
+        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1676402967" defer></script>
+        <script src="../../../../../js/lunr/lunr.multi.min.js?1676402967" defer></script>
+        <script src="../../../../../js/lunr/lunr.en.min.js?1676402967" defer></script>
+        <script src="../../../../../js/search.js?1676402967" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -306,14 +306,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -323,12 +323,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../../js/buttons.js?1676326935"></script>
+          <script async src="../../../../../js/buttons.js?1676402967"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../js/clipboard.min.js?1676326935" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1676326935" defer></script>
-    <script src="../../../../../js/theme.js?1676326935" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1676402967" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1676402967" defer></script>
+    <script src="../../../../../js/theme.js?1676402967" 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 f8c91e9653..66ead05fba 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?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../../../css/nucleus.css?1676326935" rel="stylesheet">
-    <link href="../../../../../css/auto-complete.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1676326935" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1676326935" rel="stylesheet">
-    <link href="../../../../../css/theme-auto.css?1676326935" rel="stylesheet" id="variant-style">
-    <link href="../../../../../css/variant.css?1676326935" rel="stylesheet">
-    <link href="../../../../../css/print.css?1676326935" rel="stylesheet" media="print">
-    <link href="../../../../../css/format-print.css?1676326935" rel="stylesheet">
-    <link href="../../../../../css/ie.css?1676326935" rel="stylesheet">
-    <script src="../../../../../js/url.js?1676326935"></script>
-    <script src="../../../../../js/variant.js?1676326935"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../../../css/nucleus.css?1676402967" rel="stylesheet">
+    <link href="../../../../../css/auto-complete.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1676402967" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1676402967" rel="stylesheet">
+    <link href="../../../../../css/theme-auto.css?1676402967" rel="stylesheet" id="variant-style">
+    <link href="../../../../../css/variant.css?1676402967" rel="stylesheet">
+    <link href="../../../../../css/print.css?1676402967" rel="stylesheet" media="print">
+    <link href="../../../../../css/format-print.css?1676402967" rel="stylesheet">
+    <link href="../../../../../css/ie.css?1676402967" rel="stylesheet">
+    <script src="../../../../../js/url.js?1676402967"></script>
+    <script src="../../../../../js/variant.js?1676402967"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -117,8 +117,8 @@
           </section>        </div>
       </main>
     </div>
-    <script src="../../../../../js/clipboard.min.js?1676326936" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1676326936" defer></script>
-    <script src="../../../../../js/theme.js?1676326936" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1676402967" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1676402967" defer></script>
+    <script src="../../../../../js/theme.js?1676402967" 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 dc977103dc..4951c767f2 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?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1676326934" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1676326934" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1676326934" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1676326934" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../css/variant.css?1676326934" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1676326934" rel="stylesheet" media="print">
-    <link href="../../../../../../css/ie.css?1676326934" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1676326934"></script>
-    <script src="../../../../../../js/variant.js?1676326934"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1676402965" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1676402965" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1676402965" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1676402965" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../css/variant.css?1676402965" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1676402965" rel="stylesheet" media="print">
+    <link href="../../../../../../css/ie.css?1676402965" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1676402965"></script>
+    <script src="../../../../../../js/variant.js?1676402965"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -123,12 +123,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -136,33 +136,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -185,12 +185,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../js/auto-complete.js?1676326935" defer></script>
-        <script src="../../../../../../js/lunr/lunr.min.js?1676326935" defer></script>
-        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1676326935" defer></script>
-        <script src="../../../../../../js/lunr/lunr.multi.min.js?1676326935" defer></script>
-        <script src="../../../../../../js/lunr/lunr.en.min.js?1676326935" defer></script>
-        <script src="../../../../../../js/search.js?1676326935" defer></script>
+        <script src="../../../../../../js/auto-complete.js?1676402967" defer></script>
+        <script src="../../../../../../js/lunr/lunr.min.js?1676402967" defer></script>
+        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1676402967" defer></script>
+        <script src="../../../../../../js/lunr/lunr.multi.min.js?1676402967" defer></script>
+        <script src="../../../../../../js/lunr/lunr.en.min.js?1676402967" defer></script>
+        <script src="../../../../../../js/search.js?1676402967" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -290,14 +290,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -307,12 +307,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../../../js/buttons.js?1676326935"></script>
+          <script async src="../../../../../../js/buttons.js?1676402967"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../js/clipboard.min.js?1676326935" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1676326935" defer></script>
-    <script src="../../../../../../js/theme.js?1676326935" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1676402967" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1676402967" defer></script>
+    <script src="../../../../../../js/theme.js?1676402967" 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 986a3af7ef..f90e338d35 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?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1676326935" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1676326935" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1676326935" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1676326935" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../css/variant.css?1676326935" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1676326935" rel="stylesheet" media="print">
-    <link href="../../../../../../css/format-print.css?1676326935" rel="stylesheet">
-    <link href="../../../../../../css/ie.css?1676326935" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1676326935"></script>
-    <script src="../../../../../../js/variant.js?1676326935"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1676402967" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1676402967" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1676402967" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1676402967" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../css/variant.css?1676402967" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1676402967" rel="stylesheet" media="print">
+    <link href="../../../../../../css/format-print.css?1676402967" rel="stylesheet">
+    <link href="../../../../../../css/ie.css?1676402967" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1676402967"></script>
+    <script src="../../../../../../js/variant.js?1676402967"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -92,8 +92,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../js/clipboard.min.js?1676326936" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1676326936" defer></script>
-    <script src="../../../../../../js/theme.js?1676326936" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1676402968" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1676402968" defer></script>
+    <script src="../../../../../../js/theme.js?1676402968" 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 beace5cc21..0c48d64a2e 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?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1676326934" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1676326934" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1676326934" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1676326934" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../css/variant.css?1676326934" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1676326934" rel="stylesheet" media="print">
-    <link href="../../../../../../css/ie.css?1676326934" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1676326934"></script>
-    <script src="../../../../../../js/variant.js?1676326934"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1676402965" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1676402965" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1676402965" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1676402965" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../css/variant.css?1676402965" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1676402965" rel="stylesheet" media="print">
+    <link href="../../../../../../css/ie.css?1676402965" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1676402965"></script>
+    <script src="../../../../../../js/variant.js?1676402965"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -123,12 +123,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -136,33 +136,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -185,12 +185,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../../js/auto-complete.js?1676326935" defer></script>
-        <script src="../../../../../../js/lunr/lunr.min.js?1676326935" defer></script>
-        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1676326935" defer></script>
-        <script src="../../../../../../js/lunr/lunr.multi.min.js?1676326935" defer></script>
-        <script src="../../../../../../js/lunr/lunr.en.min.js?1676326935" defer></script>
-        <script src="../../../../../../js/search.js?1676326935" defer></script>
+        <script src="../../../../../../js/auto-complete.js?1676402967" defer></script>
+        <script src="../../../../../../js/lunr/lunr.min.js?1676402967" defer></script>
+        <script src="../../../../../../js/lunr/lunr.stemmer.support.min.js?1676402967" defer></script>
+        <script src="../../../../../../js/lunr/lunr.multi.min.js?1676402967" defer></script>
+        <script src="../../../../../../js/lunr/lunr.en.min.js?1676402967" defer></script>
+        <script src="../../../../../../js/search.js?1676402967" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -290,14 +290,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -307,12 +307,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../../../js/buttons.js?1676326935"></script>
+          <script async src="../../../../../../js/buttons.js?1676402967"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../../js/clipboard.min.js?1676326935" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1676326935" defer></script>
-    <script src="../../../../../../js/theme.js?1676326935" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1676402967" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1676402967" defer></script>
+    <script src="../../../../../../js/theme.js?1676402967" 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 95b9f2b303..b86cab6274 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?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../../../../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../../css/fontawesome-all.min.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/nucleus.css?1676326935" rel="stylesheet">
-    <link href="../../../../../../css/auto-complete.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/perfect-scrollbar.min.css?1676326935" rel="stylesheet">
-    <link href="../../../../../../css/fonts.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../../../../css/theme.css?1676326935" rel="stylesheet">
-    <link href="../../../../../../css/theme-auto.css?1676326935" rel="stylesheet" id="variant-style">
-    <link href="../../../../../../css/variant.css?1676326935" rel="stylesheet">
-    <link href="../../../../../../css/print.css?1676326935" rel="stylesheet" media="print">
-    <link href="../../../../../../css/format-print.css?1676326935" rel="stylesheet">
-    <link href="../../../../../../css/ie.css?1676326935" rel="stylesheet">
-    <script src="../../../../../../js/url.js?1676326935"></script>
-    <script src="../../../../../../js/variant.js?1676326935"></script>
+    <link href="../../../../../../css/fontawesome-all.min.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fontawesome-all.min.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/nucleus.css?1676402967" rel="stylesheet">
+    <link href="../../../../../../css/auto-complete.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/auto-complete.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/perfect-scrollbar.min.css?1676402967" rel="stylesheet">
+    <link href="../../../../../../css/fonts.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../../css/fonts.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../../../../css/theme.css?1676402967" rel="stylesheet">
+    <link href="../../../../../../css/theme-auto.css?1676402967" rel="stylesheet" id="variant-style">
+    <link href="../../../../../../css/variant.css?1676402967" rel="stylesheet">
+    <link href="../../../../../../css/print.css?1676402967" rel="stylesheet" media="print">
+    <link href="../../../../../../css/format-print.css?1676402967" rel="stylesheet">
+    <link href="../../../../../../css/ie.css?1676402967" rel="stylesheet">
+    <script src="../../../../../../js/url.js?1676402967"></script>
+    <script src="../../../../../../js/variant.js?1676402967"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -92,8 +92,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../../js/clipboard.min.js?1676326936" defer></script>
-    <script src="../../../../../../js/perfect-scrollbar.min.js?1676326936" defer></script>
-    <script src="../../../../../../js/theme.js?1676326936" defer></script>
+    <script src="../../../../../../js/clipboard.min.js?1676402968" defer></script>
+    <script src="../../../../../../js/perfect-scrollbar.min.js?1676402968" defer></script>
+    <script src="../../../../../../js/theme.js?1676402968" 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 2180bc6f71..ae3a50c131 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?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../../../css/nucleus.css?1676326934" rel="stylesheet">
-    <link href="../../../../../css/auto-complete.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1676326934" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1676326934" rel="stylesheet">
-    <link href="../../../../../css/theme-auto.css?1676326934" rel="stylesheet" id="variant-style">
-    <link href="../../../../../css/variant.css?1676326934" rel="stylesheet">
-    <link href="../../../../../css/print.css?1676326934" rel="stylesheet" media="print">
-    <link href="../../../../../css/ie.css?1676326934" rel="stylesheet">
-    <script src="../../../../../js/url.js?1676326934"></script>
-    <script src="../../../../../js/variant.js?1676326934"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../../../css/nucleus.css?1676402965" rel="stylesheet">
+    <link href="../../../../../css/auto-complete.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1676402965" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1676402965" rel="stylesheet">
+    <link href="../../../../../css/theme-auto.css?1676402965" rel="stylesheet" id="variant-style">
+    <link href="../../../../../css/variant.css?1676402965" rel="stylesheet">
+    <link href="../../../../../css/print.css?1676402965" rel="stylesheet" media="print">
+    <link href="../../../../../css/ie.css?1676402965" rel="stylesheet">
+    <script src="../../../../../js/url.js?1676402965"></script>
+    <script src="../../../../../js/variant.js?1676402965"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -139,12 +139,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -152,33 +152,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -201,12 +201,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../js/auto-complete.js?1676326935" defer></script>
-        <script src="../../../../../js/lunr/lunr.min.js?1676326935" defer></script>
-        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1676326935" defer></script>
-        <script src="../../../../../js/lunr/lunr.multi.min.js?1676326935" defer></script>
-        <script src="../../../../../js/lunr/lunr.en.min.js?1676326935" defer></script>
-        <script src="../../../../../js/search.js?1676326935" defer></script>
+        <script src="../../../../../js/auto-complete.js?1676402967" defer></script>
+        <script src="../../../../../js/lunr/lunr.min.js?1676402967" defer></script>
+        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1676402967" defer></script>
+        <script src="../../../../../js/lunr/lunr.multi.min.js?1676402967" defer></script>
+        <script src="../../../../../js/lunr/lunr.en.min.js?1676402967" defer></script>
+        <script src="../../../../../js/search.js?1676402967" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -306,14 +306,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -323,12 +323,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../../js/buttons.js?1676326935"></script>
+          <script async src="../../../../../js/buttons.js?1676402967"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../js/clipboard.min.js?1676326935" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1676326935" defer></script>
-    <script src="../../../../../js/theme.js?1676326935" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1676402967" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1676402967" defer></script>
+    <script src="../../../../../js/theme.js?1676402967" 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 cc23cad6f9..6e4ccd8510 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?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../../../css/nucleus.css?1676326935" rel="stylesheet">
-    <link href="../../../../../css/auto-complete.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1676326935" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1676326935" rel="stylesheet">
-    <link href="../../../../../css/theme-auto.css?1676326935" rel="stylesheet" id="variant-style">
-    <link href="../../../../../css/variant.css?1676326935" rel="stylesheet">
-    <link href="../../../../../css/print.css?1676326935" rel="stylesheet" media="print">
-    <link href="../../../../../css/format-print.css?1676326935" rel="stylesheet">
-    <link href="../../../../../css/ie.css?1676326935" rel="stylesheet">
-    <script src="../../../../../js/url.js?1676326935"></script>
-    <script src="../../../../../js/variant.js?1676326935"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../../../css/nucleus.css?1676402967" rel="stylesheet">
+    <link href="../../../../../css/auto-complete.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1676402967" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1676402967" rel="stylesheet">
+    <link href="../../../../../css/theme-auto.css?1676402967" rel="stylesheet" id="variant-style">
+    <link href="../../../../../css/variant.css?1676402967" rel="stylesheet">
+    <link href="../../../../../css/print.css?1676402967" rel="stylesheet" media="print">
+    <link href="../../../../../css/format-print.css?1676402967" rel="stylesheet">
+    <link href="../../../../../css/ie.css?1676402967" rel="stylesheet">
+    <script src="../../../../../js/url.js?1676402967"></script>
+    <script src="../../../../../js/variant.js?1676402967"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -119,8 +119,8 @@
           </section>        </div>
       </main>
     </div>
-    <script src="../../../../../js/clipboard.min.js?1676326936" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1676326936" defer></script>
-    <script src="../../../../../js/theme.js?1676326936" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1676402968" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1676402968" defer></script>
+    <script src="../../../../../js/theme.js?1676402968" 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 8c3b9ff165..2b7afe98ee 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?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../../../css/nucleus.css?1676326934" rel="stylesheet">
-    <link href="../../../../../css/auto-complete.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1676326934" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1676326934" rel="stylesheet">
-    <link href="../../../../../css/theme-auto.css?1676326934" rel="stylesheet" id="variant-style">
-    <link href="../../../../../css/variant.css?1676326934" rel="stylesheet">
-    <link href="../../../../../css/print.css?1676326934" rel="stylesheet" media="print">
-    <link href="../../../../../css/ie.css?1676326934" rel="stylesheet">
-    <script src="../../../../../js/url.js?1676326934"></script>
-    <script src="../../../../../js/variant.js?1676326934"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../../../css/nucleus.css?1676402965" rel="stylesheet">
+    <link href="../../../../../css/auto-complete.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1676402965" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1676402965" rel="stylesheet">
+    <link href="../../../../../css/theme-auto.css?1676402965" rel="stylesheet" id="variant-style">
+    <link href="../../../../../css/variant.css?1676402965" rel="stylesheet">
+    <link href="../../../../../css/print.css?1676402965" rel="stylesheet" media="print">
+    <link href="../../../../../css/ie.css?1676402965" rel="stylesheet">
+    <script src="../../../../../js/url.js?1676402965"></script>
+    <script src="../../../../../js/variant.js?1676402965"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -122,12 +122,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -135,33 +135,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -184,12 +184,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../../js/auto-complete.js?1676326935" defer></script>
-        <script src="../../../../../js/lunr/lunr.min.js?1676326935" defer></script>
-        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1676326935" defer></script>
-        <script src="../../../../../js/lunr/lunr.multi.min.js?1676326935" defer></script>
-        <script src="../../../../../js/lunr/lunr.en.min.js?1676326935" defer></script>
-        <script src="../../../../../js/search.js?1676326935" defer></script>
+        <script src="../../../../../js/auto-complete.js?1676402967" defer></script>
+        <script src="../../../../../js/lunr/lunr.min.js?1676402967" defer></script>
+        <script src="../../../../../js/lunr/lunr.stemmer.support.min.js?1676402967" defer></script>
+        <script src="../../../../../js/lunr/lunr.multi.min.js?1676402967" defer></script>
+        <script src="../../../../../js/lunr/lunr.en.min.js?1676402967" defer></script>
+        <script src="../../../../../js/search.js?1676402967" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -289,14 +289,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -306,12 +306,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../../js/buttons.js?1676326935"></script>
+          <script async src="../../../../../js/buttons.js?1676402967"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../../js/clipboard.min.js?1676326935" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1676326935" defer></script>
-    <script src="../../../../../js/theme.js?1676326935" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1676402967" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1676402967" defer></script>
+    <script src="../../../../../js/theme.js?1676402967" 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 e885f9dc9c..2b7e779aa5 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?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../../../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../../css/fontawesome-all.min.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../../../css/nucleus.css?1676326935" rel="stylesheet">
-    <link href="../../../../../css/auto-complete.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../../../css/perfect-scrollbar.min.css?1676326935" rel="stylesheet">
-    <link href="../../../../../css/fonts.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../../../css/theme.css?1676326935" rel="stylesheet">
-    <link href="../../../../../css/theme-auto.css?1676326935" rel="stylesheet" id="variant-style">
-    <link href="../../../../../css/variant.css?1676326935" rel="stylesheet">
-    <link href="../../../../../css/print.css?1676326935" rel="stylesheet" media="print">
-    <link href="../../../../../css/format-print.css?1676326935" rel="stylesheet">
-    <link href="../../../../../css/ie.css?1676326935" rel="stylesheet">
-    <script src="../../../../../js/url.js?1676326935"></script>
-    <script src="../../../../../js/variant.js?1676326935"></script>
+    <link href="../../../../../css/fontawesome-all.min.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fontawesome-all.min.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../../../css/nucleus.css?1676402967" rel="stylesheet">
+    <link href="../../../../../css/auto-complete.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/auto-complete.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../../../css/perfect-scrollbar.min.css?1676402967" rel="stylesheet">
+    <link href="../../../../../css/fonts.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../../css/fonts.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../../../css/theme.css?1676402967" rel="stylesheet">
+    <link href="../../../../../css/theme-auto.css?1676402967" rel="stylesheet" id="variant-style">
+    <link href="../../../../../css/variant.css?1676402967" rel="stylesheet">
+    <link href="../../../../../css/print.css?1676402967" rel="stylesheet" media="print">
+    <link href="../../../../../css/format-print.css?1676402967" rel="stylesheet">
+    <link href="../../../../../css/ie.css?1676402967" rel="stylesheet">
+    <script src="../../../../../js/url.js?1676402967"></script>
+    <script src="../../../../../js/variant.js?1676402967"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -91,8 +91,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../../js/clipboard.min.js?1676326936" defer></script>
-    <script src="../../../../../js/perfect-scrollbar.min.js?1676326936" defer></script>
-    <script src="../../../../../js/theme.js?1676326936" defer></script>
+    <script src="../../../../../js/clipboard.min.js?1676402968" defer></script>
+    <script src="../../../../../js/perfect-scrollbar.min.js?1676402968" defer></script>
+    <script src="../../../../../js/theme.js?1676402968" 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 12f04b2bf3..5aca2d7278 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?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1676326934" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1676326934" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1676326934" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1676326934" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1676326934" rel="stylesheet">
-    <link href="../../../../css/print.css?1676326934" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1676326934" rel="stylesheet">
-    <script src="../../../../js/url.js?1676326934"></script>
-    <script src="../../../../js/variant.js?1676326934"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1676402965" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1676402965" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1676402965" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1676402965" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1676402965" rel="stylesheet">
+    <link href="../../../../css/print.css?1676402965" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1676402965" rel="stylesheet">
+    <script src="../../../../js/url.js?1676402965"></script>
+    <script src="../../../../js/variant.js?1676402965"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -139,12 +139,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -152,33 +152,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -201,12 +201,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1676326935" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1676326935" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1676326935" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1676326935" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1676326935" defer></script>
-        <script src="../../../../js/search.js?1676326935" defer></script>
+        <script src="../../../../js/auto-complete.js?1676402967" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1676402967" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1676402967" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1676402967" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1676402967" defer></script>
+        <script src="../../../../js/search.js?1676402967" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -306,14 +306,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -323,12 +323,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../js/buttons.js?1676326935"></script>
+          <script async src="../../../../js/buttons.js?1676402967"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1676326935" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1676326935" defer></script>
-    <script src="../../../../js/theme.js?1676326935" defer></script>
+    <script src="../../../../js/clipboard.min.js?1676402967" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1676402967" defer></script>
+    <script src="../../../../js/theme.js?1676402967" 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 c6ef55d3d9..d5ee7185db 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?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1676326935" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1676326935" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1676326935" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1676326935" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1676326935" rel="stylesheet">
-    <link href="../../../../css/print.css?1676326935" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1676326935" rel="stylesheet">
-    <link href="../../../../css/ie.css?1676326935" rel="stylesheet">
-    <script src="../../../../js/url.js?1676326935"></script>
-    <script src="../../../../js/variant.js?1676326935"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1676402967" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1676402967" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1676402967" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1676402967" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1676402967" rel="stylesheet">
+    <link href="../../../../css/print.css?1676402967" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1676402967" rel="stylesheet">
+    <link href="../../../../css/ie.css?1676402967" rel="stylesheet">
+    <script src="../../../../js/url.js?1676402967"></script>
+    <script src="../../../../js/variant.js?1676402967"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -147,8 +147,8 @@
           </section>        </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1676326936" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1676326936" defer></script>
-    <script src="../../../../js/theme.js?1676326936" defer></script>
+    <script src="../../../../js/clipboard.min.js?1676402967" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1676402967" defer></script>
+    <script src="../../../../js/theme.js?1676402967" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-1/index.html b/shortcodes/children/children-1/index.html
index b86c8009f2..2af8bf8968 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?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326934" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326934" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326934" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326934" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326934" rel="stylesheet">
-    <link href="../../../css/print.css?1676326934" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1676326934" rel="stylesheet">
-    <script src="../../../js/url.js?1676326934"></script>
-    <script src="../../../js/variant.js?1676326934"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402965" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402965" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402965" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402965" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402965" rel="stylesheet">
+    <link href="../../../css/print.css?1676402965" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1676402965" rel="stylesheet">
+    <script src="../../../js/url.js?1676402965"></script>
+    <script src="../../../js/variant.js?1676402965"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -136,12 +136,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -149,33 +149,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -198,12 +198,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1676326935" defer></script>
-        <script src="../../../js/search.js?1676326935" defer></script>
+        <script src="../../../js/auto-complete.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1676402966" defer></script>
+        <script src="../../../js/search.js?1676402966" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -303,14 +303,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -320,12 +320,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1676326935"></script>
+          <script async src="../../../js/buttons.js?1676402967"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1676326935" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326935" defer></script>
-    <script src="../../../js/theme.js?1676326935" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402967" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402967" defer></script>
+    <script src="../../../js/theme.js?1676402967" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-1/index.print.html b/shortcodes/children/children-1/index.print.html
index b1b28c2930..c88d04d5af 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?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326935" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326935" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326935" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326935" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326935" rel="stylesheet">
-    <link href="../../../css/print.css?1676326935" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1676326935" rel="stylesheet">
-    <link href="../../../css/ie.css?1676326935" rel="stylesheet">
-    <script src="../../../js/url.js?1676326935"></script>
-    <script src="../../../js/variant.js?1676326935"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402967" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402967" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402967" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402967" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402967" rel="stylesheet">
+    <link href="../../../css/print.css?1676402967" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1676402967" rel="stylesheet">
+    <link href="../../../css/ie.css?1676402967" rel="stylesheet">
+    <script src="../../../js/url.js?1676402967"></script>
+    <script src="../../../js/variant.js?1676402967"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -164,8 +164,8 @@
           </section>        </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1676326936" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326936" defer></script>
-    <script src="../../../js/theme.js?1676326936" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402967" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402967" defer></script>
+    <script src="../../../js/theme.js?1676402967" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-2/index.html b/shortcodes/children/children-2/index.html
index a3df42d887..049a6dd738 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?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326934" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326934" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326934" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326934" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326934" rel="stylesheet">
-    <link href="../../../css/print.css?1676326934" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1676326934" rel="stylesheet">
-    <script src="../../../js/url.js?1676326934"></script>
-    <script src="../../../js/variant.js?1676326934"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402965" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402965" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402965" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402965" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402965" rel="stylesheet">
+    <link href="../../../css/print.css?1676402965" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1676402965" rel="stylesheet">
+    <script src="../../../js/url.js?1676402965"></script>
+    <script src="../../../js/variant.js?1676402965"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -121,12 +121,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -134,33 +134,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -183,12 +183,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1676326935" defer></script>
-        <script src="../../../js/search.js?1676326935" defer></script>
+        <script src="../../../js/auto-complete.js?1676402967" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1676402967" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676402967" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1676402967" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1676402967" defer></script>
+        <script src="../../../js/search.js?1676402967" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -288,14 +288,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -305,12 +305,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1676326935"></script>
+          <script async src="../../../js/buttons.js?1676402967"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1676326935" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326935" defer></script>
-    <script src="../../../js/theme.js?1676326935" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402967" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402967" defer></script>
+    <script src="../../../js/theme.js?1676402967" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-2/index.print.html b/shortcodes/children/children-2/index.print.html
index 7a0578067c..359e54caa7 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?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326935" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326935" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326935" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326935" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326935" rel="stylesheet">
-    <link href="../../../css/print.css?1676326935" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1676326935" rel="stylesheet">
-    <link href="../../../css/ie.css?1676326935" rel="stylesheet">
-    <script src="../../../js/url.js?1676326935"></script>
-    <script src="../../../js/variant.js?1676326935"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402967" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402967" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402967" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402967" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402967" rel="stylesheet">
+    <link href="../../../css/print.css?1676402967" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1676402967" rel="stylesheet">
+    <link href="../../../css/ie.css?1676402967" rel="stylesheet">
+    <script src="../../../js/url.js?1676402967"></script>
+    <script src="../../../js/variant.js?1676402967"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -90,8 +90,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1676326936" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326936" defer></script>
-    <script src="../../../js/theme.js?1676326936" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402968" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402968" defer></script>
+    <script src="../../../js/theme.js?1676402968" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-3/index.html b/shortcodes/children/children-3/index.html
index 4e3dc5a626..c2cd8f6914 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?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326934" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326934" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326934" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326934" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326934" rel="stylesheet">
-    <link href="../../../css/print.css?1676326934" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1676326934" rel="stylesheet">
-    <script src="../../../js/url.js?1676326934"></script>
-    <script src="../../../js/variant.js?1676326934"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402965" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402965" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402965" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402965" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402965" rel="stylesheet">
+    <link href="../../../css/print.css?1676402965" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1676402965" rel="stylesheet">
+    <script src="../../../js/url.js?1676402965"></script>
+    <script src="../../../js/variant.js?1676402965"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -136,12 +136,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -149,33 +149,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -198,12 +198,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1676326935" defer></script>
-        <script src="../../../js/search.js?1676326935" defer></script>
+        <script src="../../../js/auto-complete.js?1676402967" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1676402967" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676402967" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1676402967" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1676402967" defer></script>
+        <script src="../../../js/search.js?1676402967" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -303,14 +303,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -320,12 +320,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1676326935"></script>
+          <script async src="../../../js/buttons.js?1676402967"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1676326935" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326935" defer></script>
-    <script src="../../../js/theme.js?1676326935" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402967" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402967" defer></script>
+    <script src="../../../js/theme.js?1676402967" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-3/index.print.html b/shortcodes/children/children-3/index.print.html
index 6314897c68..99bbd407f7 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?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326935" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326935" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326935" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326935" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326935" rel="stylesheet">
-    <link href="../../../css/print.css?1676326935" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1676326935" rel="stylesheet">
-    <link href="../../../css/ie.css?1676326935" rel="stylesheet">
-    <script src="../../../js/url.js?1676326935"></script>
-    <script src="../../../js/variant.js?1676326935"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402967" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402967" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402967" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402967" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402967" rel="stylesheet">
+    <link href="../../../css/print.css?1676402967" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1676402967" rel="stylesheet">
+    <link href="../../../css/ie.css?1676402967" rel="stylesheet">
+    <script src="../../../js/url.js?1676402967"></script>
+    <script src="../../../js/variant.js?1676402967"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -107,8 +107,8 @@
           </section>        </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1676326936" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326936" defer></script>
-    <script src="../../../js/theme.js?1676326936" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402968" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402968" defer></script>
+    <script src="../../../js/theme.js?1676402968" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-3/test3/index.html b/shortcodes/children/children-3/test3/index.html
index c34bdfc1d7..b7893ce19f 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?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1676326934" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1676326934" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1676326934" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1676326934" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1676326934" rel="stylesheet">
-    <link href="../../../../css/print.css?1676326934" rel="stylesheet" media="print">
-    <link href="../../../../css/ie.css?1676326934" rel="stylesheet">
-    <script src="../../../../js/url.js?1676326934"></script>
-    <script src="../../../../js/variant.js?1676326934"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1676402965" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1676402965" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1676402965" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1676402965" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1676402965" rel="stylesheet">
+    <link href="../../../../css/print.css?1676402965" rel="stylesheet" media="print">
+    <link href="../../../../css/ie.css?1676402965" rel="stylesheet">
+    <script src="../../../../js/url.js?1676402965"></script>
+    <script src="../../../../js/variant.js?1676402965"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -121,12 +121,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -134,33 +134,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -183,12 +183,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../../js/auto-complete.js?1676326934" defer></script>
-        <script src="../../../../js/lunr/lunr.min.js?1676326934" defer></script>
-        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1676326934" defer></script>
-        <script src="../../../../js/lunr/lunr.multi.min.js?1676326934" defer></script>
-        <script src="../../../../js/lunr/lunr.en.min.js?1676326934" defer></script>
-        <script src="../../../../js/search.js?1676326934" defer></script>
+        <script src="../../../../js/auto-complete.js?1676402966" defer></script>
+        <script src="../../../../js/lunr/lunr.min.js?1676402966" defer></script>
+        <script src="../../../../js/lunr/lunr.stemmer.support.min.js?1676402966" defer></script>
+        <script src="../../../../js/lunr/lunr.multi.min.js?1676402966" defer></script>
+        <script src="../../../../js/lunr/lunr.en.min.js?1676402966" defer></script>
+        <script src="../../../../js/search.js?1676402966" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -288,14 +288,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -305,12 +305,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../../js/buttons.js?1676326934"></script>
+          <script async src="../../../../js/buttons.js?1676402966"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../../js/clipboard.min.js?1676326934" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1676326934" defer></script>
-    <script src="../../../../js/theme.js?1676326934" defer></script>
+    <script src="../../../../js/clipboard.min.js?1676402966" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1676402966" defer></script>
+    <script src="../../../../js/theme.js?1676402966" 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 0017449eb0..5f64ea5e44 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?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../../css/fontawesome-all.min.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../../css/nucleus.css?1676326935" rel="stylesheet">
-    <link href="../../../../css/auto-complete.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../../css/perfect-scrollbar.min.css?1676326935" rel="stylesheet">
-    <link href="../../../../css/fonts.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../../css/theme.css?1676326935" rel="stylesheet">
-    <link href="../../../../css/theme-auto.css?1676326935" rel="stylesheet" id="variant-style">
-    <link href="../../../../css/variant.css?1676326935" rel="stylesheet">
-    <link href="../../../../css/print.css?1676326935" rel="stylesheet" media="print">
-    <link href="../../../../css/format-print.css?1676326935" rel="stylesheet">
-    <link href="../../../../css/ie.css?1676326935" rel="stylesheet">
-    <script src="../../../../js/url.js?1676326935"></script>
-    <script src="../../../../js/variant.js?1676326935"></script>
+    <link href="../../../../css/fontawesome-all.min.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fontawesome-all.min.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../../css/nucleus.css?1676402967" rel="stylesheet">
+    <link href="../../../../css/auto-complete.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/auto-complete.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../../css/perfect-scrollbar.min.css?1676402967" rel="stylesheet">
+    <link href="../../../../css/fonts.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../../css/fonts.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../../css/theme.css?1676402967" rel="stylesheet">
+    <link href="../../../../css/theme-auto.css?1676402967" rel="stylesheet" id="variant-style">
+    <link href="../../../../css/variant.css?1676402967" rel="stylesheet">
+    <link href="../../../../css/print.css?1676402967" rel="stylesheet" media="print">
+    <link href="../../../../css/format-print.css?1676402967" rel="stylesheet">
+    <link href="../../../../css/ie.css?1676402967" rel="stylesheet">
+    <script src="../../../../js/url.js?1676402967"></script>
+    <script src="../../../../js/variant.js?1676402967"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -90,8 +90,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../../js/clipboard.min.js?1676326935" defer></script>
-    <script src="../../../../js/perfect-scrollbar.min.js?1676326935" defer></script>
-    <script src="../../../../js/theme.js?1676326935" defer></script>
+    <script src="../../../../js/clipboard.min.js?1676402967" defer></script>
+    <script src="../../../../js/perfect-scrollbar.min.js?1676402967" defer></script>
+    <script src="../../../../js/theme.js?1676402967" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-4/index.html b/shortcodes/children/children-4/index.html
index b7cb346698..a3fcdc1571 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?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326934" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326934" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326934" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326934" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326934" rel="stylesheet">
-    <link href="../../../css/print.css?1676326934" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1676326934" rel="stylesheet">
-    <script src="../../../js/url.js?1676326934"></script>
-    <script src="../../../js/variant.js?1676326934"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402965" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402965" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402965" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402965" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402965" rel="stylesheet">
+    <link href="../../../css/print.css?1676402965" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1676402965" rel="stylesheet">
+    <script src="../../../js/url.js?1676402965"></script>
+    <script src="../../../js/variant.js?1676402965"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -119,12 +119,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -132,33 +132,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -181,12 +181,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1676326935" defer></script>
-        <script src="../../../js/search.js?1676326935" defer></script>
+        <script src="../../../js/auto-complete.js?1676402967" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1676402967" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676402967" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1676402967" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1676402967" defer></script>
+        <script src="../../../js/search.js?1676402967" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -287,14 +287,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -304,12 +304,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1676326935"></script>
+          <script async src="../../../js/buttons.js?1676402967"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1676326935" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326935" defer></script>
-    <script src="../../../js/theme.js?1676326935" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402967" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402967" defer></script>
+    <script src="../../../js/theme.js?1676402967" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/children-4/index.print.html b/shortcodes/children/children-4/index.print.html
index 452a0605b6..74351d4152 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?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326935" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326935" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326935" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326935" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326935" rel="stylesheet">
-    <link href="../../../css/print.css?1676326935" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1676326935" rel="stylesheet">
-    <link href="../../../css/ie.css?1676326935" rel="stylesheet">
-    <script src="../../../js/url.js?1676326935"></script>
-    <script src="../../../js/variant.js?1676326935"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402967" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402967" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402967" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402967" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402967" rel="stylesheet">
+    <link href="../../../css/print.css?1676402967" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1676402967" rel="stylesheet">
+    <link href="../../../css/ie.css?1676402967" rel="stylesheet">
+    <script src="../../../js/url.js?1676402967"></script>
+    <script src="../../../js/variant.js?1676402967"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -88,8 +88,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1676326936" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326936" defer></script>
-    <script src="../../../js/theme.js?1676326936" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402968" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402968" defer></script>
+    <script src="../../../js/theme.js?1676402968" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/index.html b/shortcodes/children/index.html
index 56d15f9172..3070f67400 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?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1676326934" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1676326934" rel="stylesheet">
-    <link href="../../css/fonts.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1676326934" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1676326934" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1676326934" rel="stylesheet">
-    <link href="../../css/print.css?1676326934" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1676326934" rel="stylesheet">
-    <script src="../../js/url.js?1676326934"></script>
-    <script src="../../js/variant.js?1676326934"></script>
+    <link href="../../css/fontawesome-all.min.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1676402965" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1676402965" rel="stylesheet">
+    <link href="../../css/fonts.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1676402965" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1676402965" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1676402965" rel="stylesheet">
+    <link href="../../css/print.css?1676402965" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1676402965" rel="stylesheet">
+    <script src="../../js/url.js?1676402965"></script>
+    <script src="../../js/variant.js?1676402965"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -327,12 +327,12 @@ So its content is used as description.</p>
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -340,33 +340,33 @@ So its content is used as description.</p>
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -389,12 +389,12 @@ So its content is used as description.</p>
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1676326935" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1676326935" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1676326935" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1676326935" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1676326935" defer></script>
-        <script src="../../js/search.js?1676326935" defer></script>
+        <script src="../../js/auto-complete.js?1676402966" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1676402966" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1676402966" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1676402966" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1676402967" defer></script>
+        <script src="../../js/search.js?1676402967" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -494,14 +494,14 @@ So its content is used as description.</p>
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -511,12 +511,12 @@ So its content is used as description.</p>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1676326935"></script>
+          <script async src="../../js/buttons.js?1676402967"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1676326935" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1676326935" defer></script>
-    <script src="../../js/theme.js?1676326935" defer></script>
+    <script src="../../js/clipboard.min.js?1676402967" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1676402967" defer></script>
+    <script src="../../js/theme.js?1676402967" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/index.print.html b/shortcodes/children/index.print.html
index dbc59a37b4..e32a113a35 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?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1676326935" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1676326935" rel="stylesheet">
-    <link href="../../css/fonts.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1676326935" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1676326935" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1676326935" rel="stylesheet">
-    <link href="../../css/print.css?1676326935" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1676326935" rel="stylesheet">
-    <link href="../../css/ie.css?1676326935" rel="stylesheet">
-    <script src="../../js/url.js?1676326935"></script>
-    <script src="../../js/variant.js?1676326935"></script>
+    <link href="../../css/fontawesome-all.min.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1676402967" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1676402967" rel="stylesheet">
+    <link href="../../css/fonts.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1676402967" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1676402967" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1676402967" rel="stylesheet">
+    <link href="../../css/print.css?1676402967" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1676402967" rel="stylesheet">
+    <link href="../../css/ie.css?1676402967" rel="stylesheet">
+    <script src="../../js/url.js?1676402967"></script>
+    <script src="../../js/variant.js?1676402967"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -406,8 +406,8 @@ So its content is used as description.</p>
           </section>        </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1676326936" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1676326936" defer></script>
-    <script src="../../js/theme.js?1676326936" defer></script>
+    <script src="../../js/clipboard.min.js?1676402967" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1676402967" defer></script>
+    <script src="../../js/theme.js?1676402967" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/test/index.html b/shortcodes/children/test/index.html
index 2eac89d53f..ce8189fb58 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?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326934" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326934" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326934" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326934" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326934" rel="stylesheet">
-    <link href="../../../css/print.css?1676326934" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1676326934" rel="stylesheet">
-    <script src="../../../js/url.js?1676326934"></script>
-    <script src="../../../js/variant.js?1676326934"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402965" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402965" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402965" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402965" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402965" rel="stylesheet">
+    <link href="../../../css/print.css?1676402965" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1676402965" rel="stylesheet">
+    <script src="../../../js/url.js?1676402965"></script>
+    <script src="../../../js/variant.js?1676402965"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -117,12 +117,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -130,33 +130,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -179,12 +179,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1676326934" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1676326934" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676326934" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1676326934" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1676326934" defer></script>
-        <script src="../../../js/search.js?1676326934" defer></script>
+        <script src="../../../js/auto-complete.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1676402966" defer></script>
+        <script src="../../../js/search.js?1676402966" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -284,14 +284,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -301,12 +301,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1676326934"></script>
+          <script async src="../../../js/buttons.js?1676402966"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1676326934" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326934" defer></script>
-    <script src="../../../js/theme.js?1676326934" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402966" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402966" defer></script>
+    <script src="../../../js/theme.js?1676402966" defer></script>
   </body>
 </html>
diff --git a/shortcodes/children/test/index.print.html b/shortcodes/children/test/index.print.html
index fe5e5f0a7b..15e3aef0e8 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?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326935" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326935" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326935" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326935" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326935" rel="stylesheet">
-    <link href="../../../css/print.css?1676326935" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1676326935" rel="stylesheet">
-    <link href="../../../css/ie.css?1676326935" rel="stylesheet">
-    <script src="../../../js/url.js?1676326935"></script>
-    <script src="../../../js/variant.js?1676326935"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402967" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402967" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402967" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402967" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402967" rel="stylesheet">
+    <link href="../../../css/print.css?1676402967" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1676402967" rel="stylesheet">
+    <link href="../../../css/ie.css?1676402967" rel="stylesheet">
+    <script src="../../../js/url.js?1676402967"></script>
+    <script src="../../../js/variant.js?1676402967"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -86,8 +86,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1676326935" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326935" defer></script>
-    <script src="../../../js/theme.js?1676326935" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402967" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402967" defer></script>
+    <script src="../../../js/theme.js?1676402967" defer></script>
   </body>
 </html>
diff --git a/shortcodes/expand/index.html b/shortcodes/expand/index.html
index 3770e9a346..36ea6575b9 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?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1676326934" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1676326934" rel="stylesheet">
-    <link href="../../css/fonts.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1676326934" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1676326934" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1676326934" rel="stylesheet">
-    <link href="../../css/print.css?1676326934" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1676326934" rel="stylesheet">
-    <script src="../../js/url.js?1676326934"></script>
-    <script src="../../js/variant.js?1676326934"></script>
+    <link href="../../css/fontawesome-all.min.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1676402965" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1676402965" rel="stylesheet">
+    <link href="../../css/fonts.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1676402965" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1676402965" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1676402965" rel="stylesheet">
+    <link href="../../css/print.css?1676402965" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1676402965" rel="stylesheet">
+    <script src="../../js/url.js?1676402965"></script>
+    <script src="../../js/variant.js?1676402965"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -307,12 +307,12 @@ No need to press you!
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -320,33 +320,33 @@ No need to press you!
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -369,12 +369,12 @@ No need to press you!
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1676326934" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1676326934" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1676326934" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1676326934" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1676326934" defer></script>
-        <script src="../../js/search.js?1676326934" defer></script>
+        <script src="../../js/auto-complete.js?1676402966" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1676402966" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1676402966" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1676402966" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1676402966" defer></script>
+        <script src="../../js/search.js?1676402966" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -474,14 +474,14 @@ No need to press you!
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -491,12 +491,12 @@ No need to press you!
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1676326934"></script>
+          <script async src="../../js/buttons.js?1676402966"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1676326934" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1676326934" defer></script>
-    <script src="../../js/theme.js?1676326934" defer></script>
+    <script src="../../js/clipboard.min.js?1676402966" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1676402966" defer></script>
+    <script src="../../js/theme.js?1676402966" defer></script>
   </body>
 </html>
diff --git a/shortcodes/expand/index.print.html b/shortcodes/expand/index.print.html
index d03f0648f0..f1a131d7e0 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?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1676326935" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1676326935" rel="stylesheet">
-    <link href="../../css/fonts.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1676326935" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1676326935" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1676326935" rel="stylesheet">
-    <link href="../../css/print.css?1676326935" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1676326935" rel="stylesheet">
-    <link href="../../css/ie.css?1676326935" rel="stylesheet">
-    <script src="../../js/url.js?1676326935"></script>
-    <script src="../../js/variant.js?1676326935"></script>
+    <link href="../../css/fontawesome-all.min.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1676402967" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1676402967" rel="stylesheet">
+    <link href="../../css/fonts.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1676402967" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1676402967" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1676402967" rel="stylesheet">
+    <link href="../../css/print.css?1676402967" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1676402967" rel="stylesheet">
+    <link href="../../css/ie.css?1676402967" rel="stylesheet">
+    <script src="../../js/url.js?1676402967"></script>
+    <script src="../../js/variant.js?1676402967"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -255,8 +255,8 @@ No need to press you!
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1676326935" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1676326935" defer></script>
-    <script src="../../js/theme.js?1676326935" defer></script>
+    <script src="../../js/clipboard.min.js?1676402967" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1676402967" defer></script>
+    <script src="../../js/theme.js?1676402967" defer></script>
   </body>
 </html>
diff --git a/shortcodes/icon/index.html b/shortcodes/icon/index.html
index 57de45a2a3..ec479d22f1 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?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1676326934" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1676326934" rel="stylesheet">
-    <link href="../../css/fonts.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1676326934" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1676326934" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1676326934" rel="stylesheet">
-    <link href="../../css/print.css?1676326934" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1676326934" rel="stylesheet">
-    <script src="../../js/url.js?1676326934"></script>
-    <script src="../../js/variant.js?1676326934"></script>
+    <link href="../../css/fontawesome-all.min.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1676402965" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1676402965" rel="stylesheet">
+    <link href="../../css/fonts.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1676402965" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1676402965" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1676402965" rel="stylesheet">
+    <link href="../../css/print.css?1676402965" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1676402965" rel="stylesheet">
+    <script src="../../js/url.js?1676402965"></script>
+    <script src="../../js/variant.js?1676402965"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -246,12 +246,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -259,33 +259,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -308,12 +308,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1676326934" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1676326934" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1676326934" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1676326934" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1676326934" defer></script>
-        <script src="../../js/search.js?1676326934" defer></script>
+        <script src="../../js/auto-complete.js?1676402966" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1676402966" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1676402966" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1676402966" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1676402966" defer></script>
+        <script src="../../js/search.js?1676402966" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -413,14 +413,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -430,12 +430,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1676326934"></script>
+          <script async src="../../js/buttons.js?1676402966"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1676326934" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1676326934" defer></script>
-    <script src="../../js/theme.js?1676326934" defer></script>
+    <script src="../../js/clipboard.min.js?1676402966" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1676402966" defer></script>
+    <script src="../../js/theme.js?1676402966" defer></script>
   </body>
 </html>
diff --git a/shortcodes/icon/index.print.html b/shortcodes/icon/index.print.html
index b3e9fad504..f42c194c0f 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?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1676326935" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1676326935" rel="stylesheet">
-    <link href="../../css/fonts.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1676326935" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1676326935" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1676326935" rel="stylesheet">
-    <link href="../../css/print.css?1676326935" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1676326935" rel="stylesheet">
-    <link href="../../css/ie.css?1676326935" rel="stylesheet">
-    <script src="../../js/url.js?1676326935"></script>
-    <script src="../../js/variant.js?1676326935"></script>
+    <link href="../../css/fontawesome-all.min.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1676402967" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1676402967" rel="stylesheet">
+    <link href="../../css/fonts.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1676402967" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1676402967" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1676402967" rel="stylesheet">
+    <link href="../../css/print.css?1676402967" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1676402967" rel="stylesheet">
+    <link href="../../css/ie.css?1676402967" rel="stylesheet">
+    <script src="../../js/url.js?1676402967"></script>
+    <script src="../../js/variant.js?1676402967"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -193,8 +193,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1676326935" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1676326935" defer></script>
-    <script src="../../js/theme.js?1676326935" defer></script>
+    <script src="../../js/clipboard.min.js?1676402967" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1676402967" defer></script>
+    <script src="../../js/theme.js?1676402967" defer></script>
   </body>
 </html>
diff --git a/shortcodes/include/index.html b/shortcodes/include/index.html
index 961f579caf..1d09fee1b6 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?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1676326934" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1676326934" rel="stylesheet">
-    <link href="../../css/fonts.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1676326934" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1676326934" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1676326934" rel="stylesheet">
-    <link href="../../css/print.css?1676326934" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1676326934" rel="stylesheet">
-    <script src="../../js/url.js?1676326934"></script>
-    <script src="../../js/variant.js?1676326934"></script>
+    <link href="../../css/fontawesome-all.min.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1676402965" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1676402965" rel="stylesheet">
+    <link href="../../css/fonts.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1676402965" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1676402965" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1676402965" rel="stylesheet">
+    <link href="../../css/print.css?1676402965" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1676402965" rel="stylesheet">
+    <script src="../../js/url.js?1676402965"></script>
+    <script src="../../js/variant.js?1676402965"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -226,12 +226,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -239,33 +239,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -288,12 +288,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1676326934" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1676326934" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1676326934" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1676326934" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1676326934" defer></script>
-        <script src="../../js/search.js?1676326934" defer></script>
+        <script src="../../js/auto-complete.js?1676402966" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1676402966" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1676402966" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1676402966" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1676402966" defer></script>
+        <script src="../../js/search.js?1676402966" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -393,14 +393,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -410,12 +410,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1676326934"></script>
+          <script async src="../../js/buttons.js?1676402966"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1676326934" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1676326934" defer></script>
-    <script src="../../js/theme.js?1676326934" defer></script>
+    <script src="../../js/clipboard.min.js?1676402966" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1676402966" defer></script>
+    <script src="../../js/theme.js?1676402966" defer></script>
   </body>
 </html>
diff --git a/shortcodes/include/index.print.html b/shortcodes/include/index.print.html
index 754c35ac51..cfa790a7e2 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?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1676326935" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1676326935" rel="stylesheet">
-    <link href="../../css/fonts.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1676326935" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1676326935" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1676326935" rel="stylesheet">
-    <link href="../../css/print.css?1676326935" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1676326935" rel="stylesheet">
-    <link href="../../css/ie.css?1676326935" rel="stylesheet">
-    <script src="../../js/url.js?1676326935"></script>
-    <script src="../../js/variant.js?1676326935"></script>
+    <link href="../../css/fontawesome-all.min.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1676402967" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1676402967" rel="stylesheet">
+    <link href="../../css/fonts.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1676402967" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1676402967" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1676402967" rel="stylesheet">
+    <link href="../../css/print.css?1676402967" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1676402967" rel="stylesheet">
+    <link href="../../css/ie.css?1676402967" rel="stylesheet">
+    <script src="../../js/url.js?1676402967"></script>
+    <script src="../../js/variant.js?1676402967"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -176,8 +176,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1676326935" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1676326935" defer></script>
-    <script src="../../js/theme.js?1676326935" defer></script>
+    <script src="../../js/clipboard.min.js?1676402967" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1676402967" defer></script>
+    <script src="../../js/theme.js?1676402967" defer></script>
   </body>
 </html>
diff --git a/shortcodes/include_me/index.html b/shortcodes/include_me/index.html
index 0858aa6355..cae27e4e08 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>Hugo Relearn Theme</title>
-    <link href="../../images/logo.svg?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1676326934" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1676326934" rel="stylesheet">
-    <link href="../../css/fonts.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1676326934" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1676326934" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1676326934" rel="stylesheet">
-    <link href="../../css/print.css?1676326934" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1676326934" rel="stylesheet">
-    <script src="../../js/url.js?1676326934"></script>
-    <script src="../../js/variant.js?1676326934"></script>
+    <link href="../../css/fontawesome-all.min.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1676402965" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1676402965" rel="stylesheet">
+    <link href="../../css/fonts.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1676402965" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1676402965" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1676402965" rel="stylesheet">
+    <link href="../../css/print.css?1676402965" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1676402965" rel="stylesheet">
+    <script src="../../js/url.js?1676402965"></script>
+    <script src="../../js/variant.js?1676402965"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -122,12 +122,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -135,33 +135,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -184,12 +184,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1676326934" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1676326934" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1676326934" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1676326934" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1676326934" defer></script>
-        <script src="../../js/search.js?1676326934" defer></script>
+        <script src="../../js/auto-complete.js?1676402966" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1676402966" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1676402966" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1676402966" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1676402966" defer></script>
+        <script src="../../js/search.js?1676402966" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -289,14 +289,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -306,12 +306,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1676326934"></script>
+          <script async src="../../js/buttons.js?1676402966"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1676326934" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1676326934" defer></script>
-    <script src="../../js/theme.js?1676326934" defer></script>
+    <script src="../../js/clipboard.min.js?1676402966" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1676402966" defer></script>
+    <script src="../../js/theme.js?1676402966" defer></script>
   </body>
 </html>
diff --git a/shortcodes/include_me/index.print.html b/shortcodes/include_me/index.print.html
index fb31b0c5b6..ccc5048241 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>Hugo Relearn Theme</title>
-    <link href="../../images/logo.svg?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1676326935" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1676326935" rel="stylesheet">
-    <link href="../../css/fonts.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1676326935" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1676326935" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1676326935" rel="stylesheet">
-    <link href="../../css/print.css?1676326935" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1676326935" rel="stylesheet">
-    <link href="../../css/ie.css?1676326935" rel="stylesheet">
-    <script src="../../js/url.js?1676326935"></script>
-    <script src="../../js/variant.js?1676326935"></script>
+    <link href="../../css/fontawesome-all.min.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1676402967" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1676402967" rel="stylesheet">
+    <link href="../../css/fonts.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1676402967" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1676402967" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1676402967" rel="stylesheet">
+    <link href="../../css/print.css?1676402967" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1676402967" rel="stylesheet">
+    <link href="../../css/ie.css?1676402967" rel="stylesheet">
+    <script src="../../js/url.js?1676402967"></script>
+    <script src="../../js/variant.js?1676402967"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -91,8 +91,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1676326935" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1676326935" defer></script>
-    <script src="../../js/theme.js?1676326935" defer></script>
+    <script src="../../js/clipboard.min.js?1676402967" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1676402967" defer></script>
+    <script src="../../js/theme.js?1676402967" defer></script>
   </body>
 </html>
diff --git a/shortcodes/index.html b/shortcodes/index.html
index 051dd5a3fa..cbd8cd612e 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?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1676326934" rel="stylesheet">
-    <link href="../css/auto-complete.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1676326934" rel="stylesheet">
-    <link href="../css/fonts.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1676326934" rel="stylesheet">
-    <link href="../css/theme-auto.css?1676326934" rel="stylesheet" id="variant-style">
-    <link href="../css/variant.css?1676326934" rel="stylesheet">
-    <link href="../css/print.css?1676326934" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1676326934" rel="stylesheet">
-    <script src="../js/url.js?1676326934"></script>
-    <script src="../js/variant.js?1676326934"></script>
+    <link href="../css/fontawesome-all.min.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1676402965" rel="stylesheet">
+    <link href="../css/auto-complete.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1676402965" rel="stylesheet">
+    <link href="../css/fonts.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1676402965" rel="stylesheet">
+    <link href="../css/theme-auto.css?1676402965" rel="stylesheet" id="variant-style">
+    <link href="../css/variant.css?1676402965" rel="stylesheet">
+    <link href="../css/print.css?1676402965" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1676402965" rel="stylesheet">
+    <script src="../js/url.js?1676402965"></script>
+    <script src="../js/variant.js?1676402965"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -135,12 +135,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -148,33 +148,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -197,12 +197,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1676326935" defer></script>
-        <script src="../js/lunr/lunr.min.js?1676326935" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1676326935" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1676326935" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1676326935" defer></script>
-        <script src="../js/search.js?1676326935" defer></script>
+        <script src="../js/auto-complete.js?1676402966" defer></script>
+        <script src="../js/lunr/lunr.min.js?1676402966" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1676402966" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1676402966" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1676402966" defer></script>
+        <script src="../js/search.js?1676402966" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -302,14 +302,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -319,12 +319,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../js/buttons.js?1676326935"></script>
+          <script async src="../js/buttons.js?1676402966"></script>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1676326935" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1676326935" defer></script>
-    <script src="../js/theme.js?1676326935" defer></script>
+    <script src="../js/clipboard.min.js?1676402966" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1676402966" defer></script>
+    <script src="../js/theme.js?1676402966" defer></script>
   </body>
 </html>
diff --git a/shortcodes/index.print.html b/shortcodes/index.print.html
index dd673adace..f25bb568c6 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?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1676326935" rel="stylesheet">
-    <link href="../css/auto-complete.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1676326935" rel="stylesheet">
-    <link href="../css/fonts.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1676326935" rel="stylesheet">
-    <link href="../css/theme-auto.css?1676326935" rel="stylesheet" id="variant-style">
-    <link href="../css/variant.css?1676326935" rel="stylesheet">
-    <link href="../css/print.css?1676326935" rel="stylesheet" media="print">
-    <link href="../css/format-print.css?1676326935" rel="stylesheet">
-    <link href="../css/ie.css?1676326935" rel="stylesheet">
-    <script src="../js/url.js?1676326935"></script>
-    <script src="../js/variant.js?1676326935"></script>
+    <link href="../css/fontawesome-all.min.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1676402967" rel="stylesheet">
+    <link href="../css/auto-complete.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1676402967" rel="stylesheet">
+    <link href="../css/fonts.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1676402967" rel="stylesheet">
+    <link href="../css/theme-auto.css?1676402967" rel="stylesheet" id="variant-style">
+    <link href="../css/variant.css?1676402967" rel="stylesheet">
+    <link href="../css/print.css?1676402967" rel="stylesheet" media="print">
+    <link href="../css/format-print.css?1676402967" rel="stylesheet">
+    <link href="../css/ie.css?1676402967" rel="stylesheet">
+    <script src="../js/url.js?1676402967"></script>
+    <script src="../js/variant.js?1676402967"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -3200,8 +3200,8 @@ C4Context
           </section>        </div>
       </main>
     </div>
-    <script src="../js/clipboard.min.js?1676326936" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1676326936" defer></script>
+    <script src="../js/clipboard.min.js?1676402967" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1676402967" defer></script>
     <script>
       function useMathJax( config ){
         if( !Object.assign ){
@@ -3230,24 +3230,24 @@ C4Context
       }
       useMathJax( JSON.parse("{}") );
     </script>
-    <script id="MathJax-script" async src="../js/mathjax/tex-mml-chtml.js?1676326936"></script>
-    <script src="../js/d3/d3-color.min.js?1676326936" defer></script>
-    <script src="../js/d3/d3-dispatch.min.js?1676326936" defer></script>
-    <script src="../js/d3/d3-drag.min.js?1676326936" defer></script>
-    <script src="../js/d3/d3-ease.min.js?1676326936" defer></script>
-    <script src="../js/d3/d3-interpolate.min.js?1676326936" defer></script>
-    <script src="../js/d3/d3-selection.min.js?1676326936" defer></script>
-    <script src="../js/d3/d3-timer.min.js?1676326936" defer></script>
-    <script src="../js/d3/d3-transition.min.js?1676326936" defer></script>
-    <script src="../js/d3/d3-zoom.min.js?1676326936" defer></script>
-    <script src="../js/mermaid.min.js?1676326936" defer></script>
+    <script id="MathJax-script" async src="../js/mathjax/tex-mml-chtml.js?1676402967"></script>
+    <script src="../js/d3/d3-color.min.js?1676402967" defer></script>
+    <script src="../js/d3/d3-dispatch.min.js?1676402967" defer></script>
+    <script src="../js/d3/d3-drag.min.js?1676402967" defer></script>
+    <script src="../js/d3/d3-ease.min.js?1676402967" defer></script>
+    <script src="../js/d3/d3-interpolate.min.js?1676402967" defer></script>
+    <script src="../js/d3/d3-selection.min.js?1676402967" defer></script>
+    <script src="../js/d3/d3-timer.min.js?1676402967" defer></script>
+    <script src="../js/d3/d3-transition.min.js?1676402967" defer></script>
+    <script src="../js/d3/d3-zoom.min.js?1676402967" defer></script>
+    <script src="../js/mermaid.min.js?1676402967" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../js/rapidoc-min.js?1676326936" defer></script>
+    <script src="../js/rapidoc-min.js?1676402967" defer></script>
     <script>
       window.themeUseSwagger = JSON.parse("{}");
     </script>
-    <script src="../js/theme.js?1676326936" defer></script>
+    <script src="../js/theme.js?1676402967" defer></script>
   </body>
 </html>
diff --git a/shortcodes/math/index.html b/shortcodes/math/index.html
index 6aef6f3e33..bd48b3728a 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?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1676326934" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1676326934" rel="stylesheet">
-    <link href="../../css/fonts.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1676326934" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1676326934" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1676326934" rel="stylesheet">
-    <link href="../../css/print.css?1676326934" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1676326934" rel="stylesheet">
-    <script src="../../js/url.js?1676326934"></script>
-    <script src="../../js/variant.js?1676326934"></script>
+    <link href="../../css/fontawesome-all.min.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1676402965" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1676402965" rel="stylesheet">
+    <link href="../../css/fonts.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1676402965" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1676402965" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1676402965" rel="stylesheet">
+    <link href="../../css/print.css?1676402965" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1676402965" rel="stylesheet">
+    <script src="../../js/url.js?1676402965"></script>
+    <script src="../../js/variant.js?1676402965"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -295,12 +295,12 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -308,33 +308,33 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -357,12 +357,12 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1676326934" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1676326934" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1676326934" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1676326934" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1676326934" defer></script>
-        <script src="../../js/search.js?1676326934" defer></script>
+        <script src="../../js/auto-complete.js?1676402966" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1676402966" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1676402966" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1676402966" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1676402966" defer></script>
+        <script src="../../js/search.js?1676402966" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -462,14 +462,14 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -479,12 +479,12 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1676326934"></script>
+          <script async src="../../js/buttons.js?1676402966"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1676326934" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1676326934" defer></script>
+    <script src="../../js/clipboard.min.js?1676402966" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1676402966" defer></script>
     <script>
       function useMathJax( config ){
         if( !Object.assign ){
@@ -513,7 +513,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?1676326934"></script>
-    <script src="../../js/theme.js?1676326934" defer></script>
+    <script id="MathJax-script" async src="../../js/mathjax/tex-mml-chtml.js?1676402966"></script>
+    <script src="../../js/theme.js?1676402966" defer></script>
   </body>
 </html>
diff --git a/shortcodes/math/index.print.html b/shortcodes/math/index.print.html
index 411041a213..cea54d8314 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?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1676326935" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1676326935" rel="stylesheet">
-    <link href="../../css/fonts.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1676326935" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1676326935" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1676326935" rel="stylesheet">
-    <link href="../../css/print.css?1676326935" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1676326935" rel="stylesheet">
-    <link href="../../css/ie.css?1676326935" rel="stylesheet">
-    <script src="../../js/url.js?1676326935"></script>
-    <script src="../../js/variant.js?1676326935"></script>
+    <link href="../../css/fontawesome-all.min.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1676402967" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1676402967" rel="stylesheet">
+    <link href="../../css/fonts.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1676402967" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1676402967" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1676402967" rel="stylesheet">
+    <link href="../../css/print.css?1676402967" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1676402967" rel="stylesheet">
+    <link href="../../css/ie.css?1676402967" rel="stylesheet">
+    <script src="../../js/url.js?1676402967"></script>
+    <script src="../../js/variant.js?1676402967"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -236,8 +236,8 @@ $$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1676326935" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1676326935" defer></script>
+    <script src="../../js/clipboard.min.js?1676402967" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1676402967" defer></script>
     <script>
       function useMathJax( config ){
         if( !Object.assign ){
@@ -266,7 +266,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?1676326935"></script>
-    <script src="../../js/theme.js?1676326935" defer></script>
+    <script id="MathJax-script" async src="../../js/mathjax/tex-mml-chtml.js?1676402967"></script>
+    <script src="../../js/theme.js?1676402967" defer></script>
   </body>
 </html>
diff --git a/shortcodes/mermaid/index.html b/shortcodes/mermaid/index.html
index 71b60bc1c4..e0686eb25a 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?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1676326934" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1676326934" rel="stylesheet">
-    <link href="../../css/fonts.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1676326934" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1676326934" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1676326934" rel="stylesheet">
-    <link href="../../css/print.css?1676326934" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1676326934" rel="stylesheet">
-    <script src="../../js/url.js?1676326934"></script>
-    <script src="../../js/variant.js?1676326934"></script>
+    <link href="../../css/fontawesome-all.min.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1676402965" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1676402965" rel="stylesheet">
+    <link href="../../css/fonts.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1676402965" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1676402965" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1676402965" rel="stylesheet">
+    <link href="../../css/print.css?1676402965" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1676402965" rel="stylesheet">
+    <script src="../../js/url.js?1676402965"></script>
+    <script src="../../js/variant.js?1676402965"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -657,12 +657,12 @@ C4Context
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -670,33 +670,33 @@ C4Context
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -719,12 +719,12 @@ C4Context
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1676326934" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1676326934" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1676326934" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1676326934" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1676326934" defer></script>
-        <script src="../../js/search.js?1676326934" defer></script>
+        <script src="../../js/auto-complete.js?1676402966" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1676402966" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1676402966" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1676402966" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1676402966" defer></script>
+        <script src="../../js/search.js?1676402966" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -824,14 +824,14 @@ C4Context
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -841,25 +841,25 @@ C4Context
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1676326934"></script>
+          <script async src="../../js/buttons.js?1676402966"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1676326934" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1676326934" defer></script>
-    <script src="../../js/d3/d3-color.min.js?1676326934" defer></script>
-    <script src="../../js/d3/d3-dispatch.min.js?1676326934" defer></script>
-    <script src="../../js/d3/d3-drag.min.js?1676326934" defer></script>
-    <script src="../../js/d3/d3-ease.min.js?1676326934" defer></script>
-    <script src="../../js/d3/d3-interpolate.min.js?1676326934" defer></script>
-    <script src="../../js/d3/d3-selection.min.js?1676326934" defer></script>
-    <script src="../../js/d3/d3-timer.min.js?1676326934" defer></script>
-    <script src="../../js/d3/d3-transition.min.js?1676326934" defer></script>
-    <script src="../../js/d3/d3-zoom.min.js?1676326934" defer></script>
-    <script src="../../js/mermaid.min.js?1676326934" defer></script>
+    <script src="../../js/clipboard.min.js?1676402966" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1676402966" defer></script>
+    <script src="../../js/d3/d3-color.min.js?1676402966" defer></script>
+    <script src="../../js/d3/d3-dispatch.min.js?1676402966" defer></script>
+    <script src="../../js/d3/d3-drag.min.js?1676402966" defer></script>
+    <script src="../../js/d3/d3-ease.min.js?1676402966" defer></script>
+    <script src="../../js/d3/d3-interpolate.min.js?1676402966" defer></script>
+    <script src="../../js/d3/d3-selection.min.js?1676402966" defer></script>
+    <script src="../../js/d3/d3-timer.min.js?1676402966" defer></script>
+    <script src="../../js/d3/d3-transition.min.js?1676402966" defer></script>
+    <script src="../../js/d3/d3-zoom.min.js?1676402966" defer></script>
+    <script src="../../js/mermaid.min.js?1676402966" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../../js/theme.js?1676326934" defer></script>
+    <script src="../../js/theme.js?1676402966" defer></script>
   </body>
 </html>
diff --git a/shortcodes/mermaid/index.print.html b/shortcodes/mermaid/index.print.html
index 42c279910c..219844d406 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?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1676326935" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1676326935" rel="stylesheet">
-    <link href="../../css/fonts.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1676326935" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1676326935" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1676326935" rel="stylesheet">
-    <link href="../../css/print.css?1676326935" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1676326935" rel="stylesheet">
-    <link href="../../css/ie.css?1676326935" rel="stylesheet">
-    <script src="../../js/url.js?1676326935"></script>
-    <script src="../../js/variant.js?1676326935"></script>
+    <link href="../../css/fontawesome-all.min.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1676402967" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1676402967" rel="stylesheet">
+    <link href="../../css/fonts.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1676402967" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1676402967" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1676402967" rel="stylesheet">
+    <link href="../../css/print.css?1676402967" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1676402967" rel="stylesheet">
+    <link href="../../css/ie.css?1676402967" rel="stylesheet">
+    <script src="../../js/url.js?1676402967"></script>
+    <script src="../../js/variant.js?1676402967"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -591,21 +591,21 @@ C4Context
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1676326935" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1676326935" defer></script>
-    <script src="../../js/d3/d3-color.min.js?1676326935" defer></script>
-    <script src="../../js/d3/d3-dispatch.min.js?1676326935" defer></script>
-    <script src="../../js/d3/d3-drag.min.js?1676326935" defer></script>
-    <script src="../../js/d3/d3-ease.min.js?1676326935" defer></script>
-    <script src="../../js/d3/d3-interpolate.min.js?1676326935" defer></script>
-    <script src="../../js/d3/d3-selection.min.js?1676326935" defer></script>
-    <script src="../../js/d3/d3-timer.min.js?1676326935" defer></script>
-    <script src="../../js/d3/d3-transition.min.js?1676326935" defer></script>
-    <script src="../../js/d3/d3-zoom.min.js?1676326935" defer></script>
-    <script src="../../js/mermaid.min.js?1676326935" defer></script>
+    <script src="../../js/clipboard.min.js?1676402967" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1676402967" defer></script>
+    <script src="../../js/d3/d3-color.min.js?1676402967" defer></script>
+    <script src="../../js/d3/d3-dispatch.min.js?1676402967" defer></script>
+    <script src="../../js/d3/d3-drag.min.js?1676402967" defer></script>
+    <script src="../../js/d3/d3-ease.min.js?1676402967" defer></script>
+    <script src="../../js/d3/d3-interpolate.min.js?1676402967" defer></script>
+    <script src="../../js/d3/d3-selection.min.js?1676402967" defer></script>
+    <script src="../../js/d3/d3-timer.min.js?1676402967" defer></script>
+    <script src="../../js/d3/d3-transition.min.js?1676402967" defer></script>
+    <script src="../../js/d3/d3-zoom.min.js?1676402967" defer></script>
+    <script src="../../js/mermaid.min.js?1676402967" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../../js/theme.js?1676326935" defer></script>
+    <script src="../../js/theme.js?1676402967" defer></script>
   </body>
 </html>
diff --git a/shortcodes/notice/index.html b/shortcodes/notice/index.html
index e851e02c2b..147011e151 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?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1676326934" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1676326934" rel="stylesheet">
-    <link href="../../css/fonts.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1676326934" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1676326934" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1676326934" rel="stylesheet">
-    <link href="../../css/print.css?1676326934" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1676326934" rel="stylesheet">
-    <script src="../../js/url.js?1676326934"></script>
-    <script src="../../js/variant.js?1676326934"></script>
+    <link href="../../css/fontawesome-all.min.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1676402965" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1676402965" rel="stylesheet">
+    <link href="../../css/fonts.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1676402965" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1676402965" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1676402965" rel="stylesheet">
+    <link href="../../css/print.css?1676402965" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1676402965" rel="stylesheet">
+    <script src="../../js/url.js?1676402965"></script>
+    <script src="../../js/variant.js?1676402965"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -463,12 +463,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -476,33 +476,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -525,12 +525,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1676326934" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1676326934" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1676326934" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1676326934" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1676326934" defer></script>
-        <script src="../../js/search.js?1676326934" defer></script>
+        <script src="../../js/auto-complete.js?1676402966" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1676402966" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1676402966" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1676402966" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1676402966" defer></script>
+        <script src="../../js/search.js?1676402966" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -630,14 +630,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -647,12 +647,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1676326934"></script>
+          <script async src="../../js/buttons.js?1676402966"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1676326934" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1676326934" defer></script>
-    <script src="../../js/theme.js?1676326934" defer></script>
+    <script src="../../js/clipboard.min.js?1676402966" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1676402966" defer></script>
+    <script src="../../js/theme.js?1676402966" defer></script>
   </body>
 </html>
diff --git a/shortcodes/notice/index.print.html b/shortcodes/notice/index.print.html
index 041e87d5c5..1024163fe3 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?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1676326935" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1676326935" rel="stylesheet">
-    <link href="../../css/fonts.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1676326935" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1676326935" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1676326935" rel="stylesheet">
-    <link href="../../css/print.css?1676326935" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1676326935" rel="stylesheet">
-    <link href="../../css/ie.css?1676326935" rel="stylesheet">
-    <script src="../../js/url.js?1676326935"></script>
-    <script src="../../js/variant.js?1676326935"></script>
+    <link href="../../css/fontawesome-all.min.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1676402967" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1676402967" rel="stylesheet">
+    <link href="../../css/fonts.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1676402967" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1676402967" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1676402967" rel="stylesheet">
+    <link href="../../css/print.css?1676402967" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1676402967" rel="stylesheet">
+    <link href="../../css/ie.css?1676402967" rel="stylesheet">
+    <script src="../../js/url.js?1676402967"></script>
+    <script src="../../js/variant.js?1676402967"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -409,8 +409,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1676326935" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1676326935" defer></script>
-    <script src="../../js/theme.js?1676326935" defer></script>
+    <script src="../../js/clipboard.min.js?1676402967" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1676402967" defer></script>
+    <script src="../../js/theme.js?1676402967" defer></script>
   </body>
 </html>
diff --git a/shortcodes/siteparam/index.html b/shortcodes/siteparam/index.html
index 85e7516b90..74538dd8d3 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="Site param :: Hugo Relearn Theme">
     <link href="../../shortcodes/siteparam/index.print.html" rel="alternate" type="text/html" title="Site param :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1676326934" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1676326934" rel="stylesheet">
-    <link href="../../css/fonts.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1676326934" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1676326934" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1676326934" rel="stylesheet">
-    <link href="../../css/print.css?1676326934" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1676326934" rel="stylesheet">
-    <script src="../../js/url.js?1676326934"></script>
-    <script src="../../js/variant.js?1676326934"></script>
+    <link href="../../css/fontawesome-all.min.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1676402965" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1676402965" rel="stylesheet">
+    <link href="../../css/fonts.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1676402965" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1676402965" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1676402965" rel="stylesheet">
+    <link href="../../css/print.css?1676402965" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1676402965" rel="stylesheet">
+    <script src="../../js/url.js?1676402965"></script>
+    <script src="../../js/variant.js?1676402965"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -208,12 +208,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -221,33 +221,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -270,12 +270,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1676326934" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1676326934" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1676326934" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1676326934" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1676326934" defer></script>
-        <script src="../../js/search.js?1676326934" defer></script>
+        <script src="../../js/auto-complete.js?1676402966" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1676402966" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1676402966" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1676402966" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1676402966" defer></script>
+        <script src="../../js/search.js?1676402966" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -375,14 +375,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -392,12 +392,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1676326934"></script>
+          <script async src="../../js/buttons.js?1676402966"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1676326934" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1676326934" defer></script>
-    <script src="../../js/theme.js?1676326934" defer></script>
+    <script src="../../js/clipboard.min.js?1676402966" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1676402966" defer></script>
+    <script src="../../js/theme.js?1676402966" defer></script>
   </body>
 </html>
diff --git a/shortcodes/siteparam/index.print.html b/shortcodes/siteparam/index.print.html
index 5f5d50bac8..56c08d5886 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="Site param :: Hugo Relearn Theme">
     <link href="../../shortcodes/siteparam/index.xml" rel="alternate" type="application/rss+xml" title="Site param :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1676326935" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1676326935" rel="stylesheet">
-    <link href="../../css/fonts.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1676326935" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1676326935" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1676326935" rel="stylesheet">
-    <link href="../../css/print.css?1676326935" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1676326935" rel="stylesheet">
-    <link href="../../css/ie.css?1676326935" rel="stylesheet">
-    <script src="../../js/url.js?1676326935"></script>
-    <script src="../../js/variant.js?1676326935"></script>
+    <link href="../../css/fontawesome-all.min.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1676402967" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1676402967" rel="stylesheet">
+    <link href="../../css/fonts.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1676402967" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1676402967" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1676402967" rel="stylesheet">
+    <link href="../../css/print.css?1676402967" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1676402967" rel="stylesheet">
+    <link href="../../css/ie.css?1676402967" rel="stylesheet">
+    <script src="../../js/url.js?1676402967"></script>
+    <script src="../../js/variant.js?1676402967"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -158,8 +158,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1676326935" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1676326935" defer></script>
-    <script src="../../js/theme.js?1676326935" defer></script>
+    <script src="../../js/clipboard.min.js?1676402967" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1676402967" defer></script>
+    <script src="../../js/theme.js?1676402967" defer></script>
   </body>
 </html>
diff --git a/shortcodes/swagger/index.html b/shortcodes/swagger/index.html
index 2a56d1e4e5..1f73e6884e 100644
--- a/shortcodes/swagger/index.html
+++ b/shortcodes/swagger/index.html
@@ -13,20 +13,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/swagger/index.html" rel="alternate" hreflang="pir">
     <link href="../../shortcodes/swagger/index.xml" rel="alternate" type="application/rss+xml" title="Swagger :: Hugo Relearn Theme">
     <link href="../../shortcodes/swagger/index.print.html" rel="alternate" type="text/html" title="Swagger :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1676326934" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1676326934" rel="stylesheet">
-    <link href="../../css/fonts.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1676326934" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1676326934" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1676326934" rel="stylesheet">
-    <link href="../../css/print.css?1676326934" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1676326934" rel="stylesheet">
-    <script src="../../js/url.js?1676326934"></script>
-    <script src="../../js/variant.js?1676326934"></script>
+    <link href="../../css/fontawesome-all.min.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1676402965" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1676402965" rel="stylesheet">
+    <link href="../../css/fonts.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1676402965" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1676402965" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1676402965" rel="stylesheet">
+    <link href="../../css/print.css?1676402965" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1676402965" rel="stylesheet">
+    <script src="../../js/url.js?1676402965"></script>
+    <script src="../../js/variant.js?1676402965"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -235,12 +235,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -248,33 +248,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -297,12 +297,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1676326935" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1676326935" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1676326935" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1676326935" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1676326935" defer></script>
-        <script src="../../js/search.js?1676326935" defer></script>
+        <script src="../../js/auto-complete.js?1676402967" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1676402967" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1676402967" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1676402967" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1676402967" defer></script>
+        <script src="../../js/search.js?1676402967" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -402,14 +402,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -419,16 +419,16 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1676326935"></script>
+          <script async src="../../js/buttons.js?1676402967"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1676326935" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1676326935" defer></script>
-    <script src="../../js/rapidoc-min.js?1676326935" defer></script>
+    <script src="../../js/clipboard.min.js?1676402967" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1676402967" defer></script>
+    <script src="../../js/rapidoc-min.js?1676402967" defer></script>
     <script>
       window.themeUseSwagger = JSON.parse("{}");
     </script>
-    <script src="../../js/theme.js?1676326935" defer></script>
+    <script src="../../js/theme.js?1676402967" defer></script>
   </body>
 </html>
diff --git a/shortcodes/swagger/index.print.html b/shortcodes/swagger/index.print.html
index 4697e794d3..831d61a19a 100644
--- a/shortcodes/swagger/index.print.html
+++ b/shortcodes/swagger/index.print.html
@@ -13,21 +13,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/shortcodes/swagger/index.html" rel="alternate" hreflang="pir">
     <link href="https://McShelby.github.io/hugo-theme-relearn/shortcodes/swagger/index.html" rel="canonical" type="text/html" title="Swagger :: Hugo Relearn Theme">
     <link href="../../shortcodes/swagger/index.xml" rel="alternate" type="application/rss+xml" title="Swagger :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1676326935" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1676326935" rel="stylesheet">
-    <link href="../../css/fonts.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1676326935" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1676326935" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1676326935" rel="stylesheet">
-    <link href="../../css/print.css?1676326935" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1676326935" rel="stylesheet">
-    <link href="../../css/ie.css?1676326935" rel="stylesheet">
-    <script src="../../js/url.js?1676326935"></script>
-    <script src="../../js/variant.js?1676326935"></script>
+    <link href="../../css/fontawesome-all.min.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1676402967" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1676402967" rel="stylesheet">
+    <link href="../../css/fonts.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1676402967" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1676402967" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1676402967" rel="stylesheet">
+    <link href="../../css/print.css?1676402967" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1676402967" rel="stylesheet">
+    <link href="../../css/ie.css?1676402967" rel="stylesheet">
+    <script src="../../js/url.js?1676402967"></script>
+    <script src="../../js/variant.js?1676402967"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -180,12 +180,12 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1676326936" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1676326936" defer></script>
-    <script src="../../js/rapidoc-min.js?1676326936" defer></script>
+    <script src="../../js/clipboard.min.js?1676402968" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1676402968" defer></script>
+    <script src="../../js/rapidoc-min.js?1676402968" defer></script>
     <script>
       window.themeUseSwagger = JSON.parse("{}");
     </script>
-    <script src="../../js/theme.js?1676326936" defer></script>
+    <script src="../../js/theme.js?1676402968" defer></script>
   </body>
 </html>
diff --git a/shortcodes/tabs/index.html b/shortcodes/tabs/index.html
index 856a878e88..9e2e5323be 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?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1676326934" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1676326934" rel="stylesheet">
-    <link href="../../css/fonts.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1676326934" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1676326934" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1676326934" rel="stylesheet">
-    <link href="../../css/print.css?1676326934" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1676326934" rel="stylesheet">
-    <script src="../../js/url.js?1676326934"></script>
-    <script src="../../js/variant.js?1676326934"></script>
+    <link href="../../css/fontawesome-all.min.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1676402965" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1676402965" rel="stylesheet">
+    <link href="../../css/fonts.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1676402965" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1676402965" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1676402965" rel="stylesheet">
+    <link href="../../css/print.css?1676402965" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1676402965" rel="stylesheet">
+    <script src="../../js/url.js?1676402965"></script>
+    <script src="../../js/variant.js?1676402965"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -517,12 +517,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -530,33 +530,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -579,12 +579,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1676326934" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1676326934" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1676326934" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1676326934" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1676326934" defer></script>
-        <script src="../../js/search.js?1676326934" defer></script>
+        <script src="../../js/auto-complete.js?1676402966" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1676402966" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1676402966" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1676402966" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1676402966" defer></script>
+        <script src="../../js/search.js?1676402966" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -684,14 +684,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -701,12 +701,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1676326934"></script>
+          <script async src="../../js/buttons.js?1676402966"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1676326934" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1676326934" defer></script>
-    <script src="../../js/theme.js?1676326934" defer></script>
+    <script src="../../js/clipboard.min.js?1676402966" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1676402966" defer></script>
+    <script src="../../js/theme.js?1676402966" defer></script>
   </body>
 </html>
diff --git a/shortcodes/tabs/index.print.html b/shortcodes/tabs/index.print.html
index b04d17a726..9aceb47daa 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?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1676326935" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1676326935" rel="stylesheet">
-    <link href="../../css/fonts.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1676326935" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1676326935" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1676326935" rel="stylesheet">
-    <link href="../../css/print.css?1676326935" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1676326935" rel="stylesheet">
-    <link href="../../css/ie.css?1676326935" rel="stylesheet">
-    <script src="../../js/url.js?1676326935"></script>
-    <script src="../../js/variant.js?1676326935"></script>
+    <link href="../../css/fontawesome-all.min.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1676402967" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1676402967" rel="stylesheet">
+    <link href="../../css/fonts.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1676402967" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1676402967" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1676402967" rel="stylesheet">
+    <link href="../../css/print.css?1676402967" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1676402967" rel="stylesheet">
+    <link href="../../css/ie.css?1676402967" rel="stylesheet">
+    <script src="../../js/url.js?1676402967"></script>
+    <script src="../../js/variant.js?1676402967"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -465,8 +465,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1676326935" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1676326935" defer></script>
-    <script src="../../js/theme.js?1676326935" defer></script>
+    <script src="../../js/clipboard.min.js?1676402967" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1676402967" defer></script>
+    <script src="../../js/theme.js?1676402967" defer></script>
   </body>
 </html>
diff --git a/tags/children/index.html b/tags/children/index.html
index c03973e158..70cd7746c9 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 :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1676326934" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1676326934" rel="stylesheet">
-    <link href="../../css/fonts.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1676326934" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1676326934" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1676326934" rel="stylesheet">
-    <link href="../../css/print.css?1676326934" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1676326934" rel="stylesheet">
-    <script src="../../js/url.js?1676326934"></script>
-    <script src="../../js/variant.js?1676326934"></script>
+    <link href="../../css/fontawesome-all.min.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1676402965" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1676402965" rel="stylesheet">
+    <link href="../../css/fonts.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1676402965" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1676402965" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1676402965" rel="stylesheet">
+    <link href="../../css/print.css?1676402965" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1676402965" rel="stylesheet">
+    <script src="../../js/url.js?1676402965"></script>
+    <script src="../../js/variant.js?1676402965"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -117,12 +117,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -130,33 +130,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -179,12 +179,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1676326935" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1676326935" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1676326935" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1676326935" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1676326935" defer></script>
-        <script src="../../js/search.js?1676326935" defer></script>
+        <script src="../../js/auto-complete.js?1676402967" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1676402967" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1676402967" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1676402967" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1676402967" defer></script>
+        <script src="../../js/search.js?1676402967" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -284,14 +284,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -301,12 +301,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1676326935"></script>
+          <script async src="../../js/buttons.js?1676402967"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1676326935" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1676326935" defer></script>
-    <script src="../../js/theme.js?1676326935" defer></script>
+    <script src="../../js/clipboard.min.js?1676402967" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1676402967" defer></script>
+    <script src="../../js/theme.js?1676402967" defer></script>
   </body>
 </html>
diff --git a/tags/documentation/index.html b/tags/documentation/index.html
index 4b12c896dc..13ecbf3a17 100644
--- a/tags/documentation/index.html
+++ b/tags/documentation/index.html
@@ -9,20 +9,20 @@
     <meta name="author" content="Sören Weber">
     <title>documentation :: Hugo Relearn Theme</title>
     <link href="../../tags/documentation/index.xml" rel="alternate" type="application/rss+xml" title="documentation :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1676326934" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1676326934" rel="stylesheet">
-    <link href="../../css/fonts.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1676326934" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1676326934" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1676326934" rel="stylesheet">
-    <link href="../../css/print.css?1676326934" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1676326934" rel="stylesheet">
-    <script src="../../js/url.js?1676326934"></script>
-    <script src="../../js/variant.js?1676326934"></script>
+    <link href="../../css/fontawesome-all.min.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1676402965" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1676402965" rel="stylesheet">
+    <link href="../../css/fonts.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1676402965" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1676402965" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1676402965" rel="stylesheet">
+    <link href="../../css/print.css?1676402965" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1676402965" rel="stylesheet">
+    <script src="../../js/url.js?1676402965"></script>
+    <script src="../../js/variant.js?1676402965"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -101,12 +101,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -114,33 +114,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -163,12 +163,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1676326935" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1676326935" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1676326935" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1676326935" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1676326935" defer></script>
-        <script src="../../js/search.js?1676326935" defer></script>
+        <script src="../../js/auto-complete.js?1676402967" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1676402967" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1676402967" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1676402967" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1676402967" defer></script>
+        <script src="../../js/search.js?1676402967" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -267,14 +267,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -284,12 +284,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1676326935"></script>
+          <script async src="../../js/buttons.js?1676402967"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1676326935" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1676326935" defer></script>
-    <script src="../../js/theme.js?1676326935" defer></script>
+    <script src="../../js/clipboard.min.js?1676402967" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1676402967" defer></script>
+    <script src="../../js/theme.js?1676402967" defer></script>
   </body>
 </html>
diff --git a/tags/hidden/index.html b/tags/hidden/index.html
index 7246e4ad30..270095f322 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 :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1676326934" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1676326934" rel="stylesheet">
-    <link href="../../css/fonts.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1676326934" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1676326934" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1676326934" rel="stylesheet">
-    <link href="../../css/print.css?1676326934" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1676326934" rel="stylesheet">
-    <script src="../../js/url.js?1676326934"></script>
-    <script src="../../js/variant.js?1676326934"></script>
+    <link href="../../css/fontawesome-all.min.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1676402965" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1676402965" rel="stylesheet">
+    <link href="../../css/fonts.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1676402965" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1676402965" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1676402965" rel="stylesheet">
+    <link href="../../css/print.css?1676402965" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1676402965" rel="stylesheet">
+    <script src="../../js/url.js?1676402965"></script>
+    <script src="../../js/variant.js?1676402965"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -108,12 +108,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -121,33 +121,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -170,12 +170,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1676326935" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1676326935" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1676326935" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1676326935" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1676326935" defer></script>
-        <script src="../../js/search.js?1676326935" defer></script>
+        <script src="../../js/auto-complete.js?1676402967" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1676402967" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1676402967" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1676402967" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1676402967" defer></script>
+        <script src="../../js/search.js?1676402967" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -275,14 +275,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -292,12 +292,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1676326935"></script>
+          <script async src="../../js/buttons.js?1676402967"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1676326935" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1676326935" defer></script>
-    <script src="../../js/theme.js?1676326935" defer></script>
+    <script src="../../js/clipboard.min.js?1676402967" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1676402967" defer></script>
+    <script src="../../js/theme.js?1676402967" defer></script>
   </body>
 </html>
diff --git a/tags/index.html b/tags/index.html
index 1666f2b12c..cfcb478ff2 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?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1676326934" rel="stylesheet">
-    <link href="../css/auto-complete.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1676326934" rel="stylesheet">
-    <link href="../css/fonts.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1676326934" rel="stylesheet">
-    <link href="../css/theme-auto.css?1676326934" rel="stylesheet" id="variant-style">
-    <link href="../css/variant.css?1676326934" rel="stylesheet">
-    <link href="../css/print.css?1676326934" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1676326934" rel="stylesheet">
-    <script src="../js/url.js?1676326934"></script>
-    <script src="../js/variant.js?1676326934"></script>
+    <link href="../css/fontawesome-all.min.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1676402965" rel="stylesheet">
+    <link href="../css/auto-complete.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1676402965" rel="stylesheet">
+    <link href="../css/fonts.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1676402965" rel="stylesheet">
+    <link href="../css/theme-auto.css?1676402965" rel="stylesheet" id="variant-style">
+    <link href="../css/variant.css?1676402965" rel="stylesheet">
+    <link href="../css/print.css?1676402965" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1676402965" rel="stylesheet">
+    <script src="../js/url.js?1676402965"></script>
+    <script src="../js/variant.js?1676402965"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -107,12 +107,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -120,33 +120,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -169,12 +169,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1676326935" defer></script>
-        <script src="../js/lunr/lunr.min.js?1676326935" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1676326935" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1676326935" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1676326935" defer></script>
-        <script src="../js/search.js?1676326935" defer></script>
+        <script src="../js/auto-complete.js?1676402967" defer></script>
+        <script src="../js/lunr/lunr.min.js?1676402967" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1676402967" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1676402967" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1676402967" defer></script>
+        <script src="../js/search.js?1676402967" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -274,14 +274,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -291,12 +291,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../js/buttons.js?1676326935"></script>
+          <script async src="../js/buttons.js?1676402967"></script>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1676326935" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1676326935" defer></script>
-    <script src="../js/theme.js?1676326935" defer></script>
+    <script src="../js/clipboard.min.js?1676402967" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1676402967" defer></script>
+    <script src="../js/theme.js?1676402967" defer></script>
   </body>
 </html>
diff --git a/tags/non-hidden/index.html b/tags/non-hidden/index.html
index 219f8facd6..8099afb337 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 :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1676326934" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1676326934" rel="stylesheet">
-    <link href="../../css/fonts.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1676326934" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1676326934" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1676326934" rel="stylesheet">
-    <link href="../../css/print.css?1676326934" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1676326934" rel="stylesheet">
-    <script src="../../js/url.js?1676326934"></script>
-    <script src="../../js/variant.js?1676326934"></script>
+    <link href="../../css/fontawesome-all.min.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1676402965" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1676402965" rel="stylesheet">
+    <link href="../../css/fonts.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1676402965" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1676402965" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1676402965" rel="stylesheet">
+    <link href="../../css/print.css?1676402965" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1676402965" rel="stylesheet">
+    <script src="../../js/url.js?1676402965"></script>
+    <script src="../../js/variant.js?1676402965"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -112,12 +112,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -125,33 +125,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -174,12 +174,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1676326935" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1676326935" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1676326935" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1676326935" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1676326935" defer></script>
-        <script src="../../js/search.js?1676326935" defer></script>
+        <script src="../../js/auto-complete.js?1676402967" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1676402967" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1676402967" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1676402967" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1676402967" defer></script>
+        <script src="../../js/search.js?1676402967" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -279,14 +279,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -296,12 +296,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1676326935"></script>
+          <script async src="../../js/buttons.js?1676402967"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1676326935" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1676326935" defer></script>
-    <script src="../../js/theme.js?1676326935" defer></script>
+    <script src="../../js/clipboard.min.js?1676402967" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1676402967" defer></script>
+    <script src="../../js/theme.js?1676402967" defer></script>
   </body>
 </html>
diff --git a/tags/tutorial-stuff/index.html b/tags/tutorial-stuff/index.html
index df20530179..77ce8bde1b 100644
--- a/tags/tutorial-stuff/index.html
+++ b/tags/tutorial-stuff/index.html
@@ -9,20 +9,20 @@
     <meta name="author" content="Sören Weber">
     <title>tutorial stuff :: Hugo Relearn Theme</title>
     <link href="../../tags/tutorial-stuff/index.xml" rel="alternate" type="application/rss+xml" title="tutorial stuff :: Hugo Relearn Theme">
-    <link href="../../images/logo.svg?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1676326934" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1676326934" rel="stylesheet">
-    <link href="../../css/fonts.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1676326934" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1676326934" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1676326934" rel="stylesheet">
-    <link href="../../css/print.css?1676326934" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1676326934" rel="stylesheet">
-    <script src="../../js/url.js?1676326934"></script>
-    <script src="../../js/variant.js?1676326934"></script>
+    <link href="../../css/fontawesome-all.min.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1676402965" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1676402965" rel="stylesheet">
+    <link href="../../css/fonts.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1676402965" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1676402965" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1676402965" rel="stylesheet">
+    <link href="../../css/print.css?1676402965" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1676402965" rel="stylesheet">
+    <script src="../../js/url.js?1676402965"></script>
+    <script src="../../js/variant.js?1676402965"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -101,12 +101,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -114,33 +114,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -163,12 +163,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1676326935" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1676326935" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1676326935" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1676326935" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1676326935" defer></script>
-        <script src="../../js/search.js?1676326935" defer></script>
+        <script src="../../js/auto-complete.js?1676402967" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1676402967" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1676402967" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1676402967" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1676402967" defer></script>
+        <script src="../../js/search.js?1676402967" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -267,14 +267,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -284,12 +284,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1676326935"></script>
+          <script async src="../../js/buttons.js?1676402967"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1676326935" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1676326935" defer></script>
-    <script src="../../js/theme.js?1676326935" defer></script>
+    <script src="../../js/clipboard.min.js?1676402967" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1676402967" defer></script>
+    <script src="../../js/theme.js?1676402967" defer></script>
   </body>
 </html>
diff --git a/tests/attach/attach1/index.html b/tests/attach/attach1/index.html
index a49af38ea5..4372849b24 100644
--- a/tests/attach/attach1/index.html
+++ b/tests/attach/attach1/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/attach/attach1/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/attach/attach1/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/attach/attach1/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326934" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326934" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326934" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326934" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326934" rel="stylesheet">
-    <link href="../../../css/print.css?1676326934" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1676326934" rel="stylesheet">
-    <script src="../../../js/url.js?1676326934"></script>
-    <script src="../../../js/variant.js?1676326934"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402965" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402965" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402965" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402965" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402965" rel="stylesheet">
+    <link href="../../../css/print.css?1676402965" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1676402965" rel="stylesheet">
+    <script src="../../../js/url.js?1676402965"></script>
+    <script src="../../../js/variant.js?1676402965"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -121,12 +121,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -134,33 +134,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -183,12 +183,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1676326935" defer></script>
-        <script src="../../../js/search.js?1676326935" defer></script>
+        <script src="../../../js/auto-complete.js?1676402967" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1676402967" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676402967" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1676402967" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1676402967" defer></script>
+        <script src="../../../js/search.js?1676402967" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -328,14 +328,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -345,12 +345,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1676326935"></script>
+          <script async src="../../../js/buttons.js?1676402967"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1676326935" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326935" defer></script>
-    <script src="../../../js/theme.js?1676326935" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402967" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402967" defer></script>
+    <script src="../../../js/theme.js?1676402967" defer></script>
   </body>
 </html>
diff --git a/tests/attach/attach1/index.print.html b/tests/attach/attach1/index.print.html
index 12f5242374..248929b113 100644
--- a/tests/attach/attach1/index.print.html
+++ b/tests/attach/attach1/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/attach/attach1/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/attach/attach1/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/attach/attach1/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326935" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326935" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326935" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326935" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326935" rel="stylesheet">
-    <link href="../../../css/print.css?1676326935" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1676326935" rel="stylesheet">
-    <link href="../../../css/ie.css?1676326935" rel="stylesheet">
-    <script src="../../../js/url.js?1676326935"></script>
-    <script src="../../../js/variant.js?1676326935"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402967" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402967" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402967" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402967" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402967" rel="stylesheet">
+    <link href="../../../css/print.css?1676402967" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1676402967" rel="stylesheet">
+    <link href="../../../css/ie.css?1676402967" rel="stylesheet">
+    <script src="../../../js/url.js?1676402967"></script>
+    <script src="../../../js/variant.js?1676402967"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -90,8 +90,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1676326936" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326936" defer></script>
-    <script src="../../../js/theme.js?1676326936" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402968" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402968" defer></script>
+    <script src="../../../js/theme.js?1676402968" defer></script>
   </body>
 </html>
diff --git a/tests/attach/attach2/index.html b/tests/attach/attach2/index.html
index a268fefaee..6361a92bcf 100644
--- a/tests/attach/attach2/index.html
+++ b/tests/attach/attach2/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/attach/attach2/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/attach/attach2/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/attach/attach2/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326934" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326934" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326934" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326934" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326934" rel="stylesheet">
-    <link href="../../../css/print.css?1676326934" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1676326934" rel="stylesheet">
-    <script src="../../../js/url.js?1676326934"></script>
-    <script src="../../../js/variant.js?1676326934"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402965" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402965" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402965" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402965" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402965" rel="stylesheet">
+    <link href="../../../css/print.css?1676402965" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1676402965" rel="stylesheet">
+    <script src="../../../js/url.js?1676402965"></script>
+    <script src="../../../js/variant.js?1676402965"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -121,12 +121,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -134,33 +134,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -183,12 +183,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1676326934" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1676326934" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676326934" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1676326934" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1676326934" defer></script>
-        <script src="../../../js/search.js?1676326934" defer></script>
+        <script src="../../../js/auto-complete.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1676402966" defer></script>
+        <script src="../../../js/search.js?1676402966" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -328,14 +328,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -345,12 +345,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1676326934"></script>
+          <script async src="../../../js/buttons.js?1676402966"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1676326934" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326934" defer></script>
-    <script src="../../../js/theme.js?1676326934" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402966" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402966" defer></script>
+    <script src="../../../js/theme.js?1676402966" defer></script>
   </body>
 </html>
diff --git a/tests/attach/attach2/index.print.html b/tests/attach/attach2/index.print.html
index 9d67a73a04..d30e47f358 100644
--- a/tests/attach/attach2/index.print.html
+++ b/tests/attach/attach2/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/attach/attach2/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/attach/attach2/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/attach/attach2/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326935" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326935" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326935" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326935" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326935" rel="stylesheet">
-    <link href="../../../css/print.css?1676326935" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1676326935" rel="stylesheet">
-    <link href="../../../css/ie.css?1676326935" rel="stylesheet">
-    <script src="../../../js/url.js?1676326935"></script>
-    <script src="../../../js/variant.js?1676326935"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402967" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402967" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402967" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402967" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402967" rel="stylesheet">
+    <link href="../../../css/print.css?1676402967" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1676402967" rel="stylesheet">
+    <link href="../../../css/ie.css?1676402967" rel="stylesheet">
+    <script src="../../../js/url.js?1676402967"></script>
+    <script src="../../../js/variant.js?1676402967"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -90,8 +90,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1676326935" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326935" defer></script>
-    <script src="../../../js/theme.js?1676326935" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402967" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402967" defer></script>
+    <script src="../../../js/theme.js?1676402967" defer></script>
   </body>
 </html>
diff --git a/tests/attach/attach3/index.html b/tests/attach/attach3/index.html
index 08c5c5143b..5908cab3e8 100644
--- a/tests/attach/attach3/index.html
+++ b/tests/attach/attach3/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/attach/attach3/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/attach/attach3/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/attach/attach3/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326934" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326934" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326934" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326934" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326934" rel="stylesheet">
-    <link href="../../../css/print.css?1676326934" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1676326934" rel="stylesheet">
-    <script src="../../../js/url.js?1676326934"></script>
-    <script src="../../../js/variant.js?1676326934"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402965" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402965" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402965" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402965" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402965" rel="stylesheet">
+    <link href="../../../css/print.css?1676402965" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1676402965" rel="stylesheet">
+    <script src="../../../js/url.js?1676402965"></script>
+    <script src="../../../js/variant.js?1676402965"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -121,12 +121,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -134,33 +134,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -183,12 +183,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1676326934" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1676326934" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676326934" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1676326934" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1676326934" defer></script>
-        <script src="../../../js/search.js?1676326934" defer></script>
+        <script src="../../../js/auto-complete.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1676402966" defer></script>
+        <script src="../../../js/search.js?1676402966" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -328,14 +328,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -345,12 +345,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1676326934"></script>
+          <script async src="../../../js/buttons.js?1676402966"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1676326934" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326934" defer></script>
-    <script src="../../../js/theme.js?1676326934" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402966" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402966" defer></script>
+    <script src="../../../js/theme.js?1676402966" defer></script>
   </body>
 </html>
diff --git a/tests/attach/attach3/index.print.html b/tests/attach/attach3/index.print.html
index ad1404d9de..8dd14cf147 100644
--- a/tests/attach/attach3/index.print.html
+++ b/tests/attach/attach3/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/attach/attach3/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/attach/attach3/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/attach/attach3/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326935" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326935" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326935" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326935" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326935" rel="stylesheet">
-    <link href="../../../css/print.css?1676326935" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1676326935" rel="stylesheet">
-    <link href="../../../css/ie.css?1676326935" rel="stylesheet">
-    <script src="../../../js/url.js?1676326935"></script>
-    <script src="../../../js/variant.js?1676326935"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402967" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402967" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402967" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402967" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402967" rel="stylesheet">
+    <link href="../../../css/print.css?1676402967" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1676402967" rel="stylesheet">
+    <link href="../../../css/ie.css?1676402967" rel="stylesheet">
+    <script src="../../../js/url.js?1676402967"></script>
+    <script src="../../../js/variant.js?1676402967"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -90,8 +90,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1676326935" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326935" defer></script>
-    <script src="../../../js/theme.js?1676326935" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402967" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402967" defer></script>
+    <script src="../../../js/theme.js?1676402967" defer></script>
   </body>
 </html>
diff --git a/tests/attach/index.html b/tests/attach/index.html
index aac7d24dd9..d686c9d78a 100644
--- a/tests/attach/index.html
+++ b/tests/attach/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/attach/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/attach/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/attach/index.html" rel="alternate" hreflang="pir">
-    <link href="../../images/logo.svg?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1676326934" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1676326934" rel="stylesheet">
-    <link href="../../css/fonts.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1676326934" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1676326934" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1676326934" rel="stylesheet">
-    <link href="../../css/print.css?1676326934" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1676326934" rel="stylesheet">
-    <script src="../../js/url.js?1676326934"></script>
-    <script src="../../js/variant.js?1676326934"></script>
+    <link href="../../css/fontawesome-all.min.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1676402965" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1676402965" rel="stylesheet">
+    <link href="../../css/fonts.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1676402965" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1676402965" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1676402965" rel="stylesheet">
+    <link href="../../css/print.css?1676402965" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1676402965" rel="stylesheet">
+    <script src="../../js/url.js?1676402965"></script>
+    <script src="../../js/variant.js?1676402965"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -121,12 +121,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -134,33 +134,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -183,12 +183,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1676326935" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1676326935" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1676326935" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1676326935" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1676326935" defer></script>
-        <script src="../../js/search.js?1676326935" defer></script>
+        <script src="../../js/auto-complete.js?1676402967" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1676402967" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1676402967" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1676402967" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1676402967" defer></script>
+        <script src="../../js/search.js?1676402967" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -328,14 +328,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -345,12 +345,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1676326935"></script>
+          <script async src="../../js/buttons.js?1676402967"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1676326935" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1676326935" defer></script>
-    <script src="../../js/theme.js?1676326935" defer></script>
+    <script src="../../js/clipboard.min.js?1676402967" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1676402967" defer></script>
+    <script src="../../js/theme.js?1676402967" defer></script>
   </body>
 </html>
diff --git a/tests/attach/index.print.html b/tests/attach/index.print.html
index 5dca14e285..f0064263ec 100644
--- a/tests/attach/index.print.html
+++ b/tests/attach/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/attach/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/attach/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/attach/index.html" rel="alternate" hreflang="pir">
-    <link href="../../images/logo.svg?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1676326935" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1676326935" rel="stylesheet">
-    <link href="../../css/fonts.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1676326935" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1676326935" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1676326935" rel="stylesheet">
-    <link href="../../css/print.css?1676326935" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1676326935" rel="stylesheet">
-    <link href="../../css/ie.css?1676326935" rel="stylesheet">
-    <script src="../../js/url.js?1676326935"></script>
-    <script src="../../js/variant.js?1676326935"></script>
+    <link href="../../css/fontawesome-all.min.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1676402967" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1676402967" rel="stylesheet">
+    <link href="../../css/fonts.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1676402967" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1676402967" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1676402967" rel="stylesheet">
+    <link href="../../css/print.css?1676402967" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1676402967" rel="stylesheet">
+    <link href="../../css/ie.css?1676402967" rel="stylesheet">
+    <script src="../../js/url.js?1676402967"></script>
+    <script src="../../js/variant.js?1676402967"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -138,8 +138,8 @@
           </section>        </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1676326936" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1676326936" defer></script>
-    <script src="../../js/theme.js?1676326936" defer></script>
+    <script src="../../js/clipboard.min.js?1676402968" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1676402968" defer></script>
+    <script src="../../js/theme.js?1676402968" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/1/index.html b/tests/chapters/1/index.html
index 57ae24923d..32c087d677 100644
--- a/tests/chapters/1/index.html
+++ b/tests/chapters/1/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/1/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/1/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/1/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326934" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326934" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326934" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326934" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326934" rel="stylesheet">
-    <link href="../../../css/print.css?1676326934" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1676326934" rel="stylesheet">
-    <script src="../../../js/url.js?1676326934"></script>
-    <script src="../../../js/variant.js?1676326934"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402965" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402965" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402965" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402965" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402965" rel="stylesheet">
+    <link href="../../../css/print.css?1676402965" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1676402965" rel="stylesheet">
+    <script src="../../../js/url.js?1676402965"></script>
+    <script src="../../../js/variant.js?1676402965"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -114,12 +114,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -127,33 +127,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -176,12 +176,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1676326935" defer></script>
-        <script src="../../../js/search.js?1676326935" defer></script>
+        <script src="../../../js/auto-complete.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1676402966" defer></script>
+        <script src="../../../js/search.js?1676402966" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -321,14 +321,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -338,12 +338,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1676326935"></script>
+          <script async src="../../../js/buttons.js?1676402966"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1676326935" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326935" defer></script>
-    <script src="../../../js/theme.js?1676326935" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402966" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402966" defer></script>
+    <script src="../../../js/theme.js?1676402966" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/1/index.print.html b/tests/chapters/1/index.print.html
index b4ef6e874d..28b2d8f118 100644
--- a/tests/chapters/1/index.print.html
+++ b/tests/chapters/1/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/1/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/1/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/1/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326935" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326935" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326935" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326935" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326935" rel="stylesheet">
-    <link href="../../../css/print.css?1676326935" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1676326935" rel="stylesheet">
-    <link href="../../../css/ie.css?1676326935" rel="stylesheet">
-    <script src="../../../js/url.js?1676326935"></script>
-    <script src="../../../js/variant.js?1676326935"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402967" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402967" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402967" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402967" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402967" rel="stylesheet">
+    <link href="../../../css/print.css?1676402967" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1676402967" rel="stylesheet">
+    <link href="../../../css/ie.css?1676402967" rel="stylesheet">
+    <script src="../../../js/url.js?1676402967"></script>
+    <script src="../../../js/variant.js?1676402967"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -83,8 +83,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1676326935" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326935" defer></script>
-    <script src="../../../js/theme.js?1676326935" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402967" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402967" defer></script>
+    <script src="../../../js/theme.js?1676402967" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/10/index.html b/tests/chapters/10/index.html
index 573f9d79d8..571cc77577 100644
--- a/tests/chapters/10/index.html
+++ b/tests/chapters/10/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/10/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/10/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/10/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326934" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326934" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326934" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326934" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326934" rel="stylesheet">
-    <link href="../../../css/print.css?1676326934" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1676326934" rel="stylesheet">
-    <script src="../../../js/url.js?1676326934"></script>
-    <script src="../../../js/variant.js?1676326934"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402965" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402965" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402965" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402965" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402965" rel="stylesheet">
+    <link href="../../../css/print.css?1676402965" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1676402965" rel="stylesheet">
+    <script src="../../../js/url.js?1676402965"></script>
+    <script src="../../../js/variant.js?1676402965"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -114,12 +114,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -127,33 +127,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -176,12 +176,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1676326934" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1676326934" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676326934" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1676326934" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1676326934" defer></script>
-        <script src="../../../js/search.js?1676326934" defer></script>
+        <script src="../../../js/auto-complete.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1676402966" defer></script>
+        <script src="../../../js/search.js?1676402966" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -321,14 +321,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -338,12 +338,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1676326934"></script>
+          <script async src="../../../js/buttons.js?1676402966"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1676326934" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326934" defer></script>
-    <script src="../../../js/theme.js?1676326934" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402966" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402966" defer></script>
+    <script src="../../../js/theme.js?1676402966" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/10/index.print.html b/tests/chapters/10/index.print.html
index e3141b1b0d..e4d6378ee1 100644
--- a/tests/chapters/10/index.print.html
+++ b/tests/chapters/10/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/10/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/10/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/10/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326935" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326935" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326935" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326935" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326935" rel="stylesheet">
-    <link href="../../../css/print.css?1676326935" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1676326935" rel="stylesheet">
-    <link href="../../../css/ie.css?1676326935" rel="stylesheet">
-    <script src="../../../js/url.js?1676326935"></script>
-    <script src="../../../js/variant.js?1676326935"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402967" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402967" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402967" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402967" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402967" rel="stylesheet">
+    <link href="../../../css/print.css?1676402967" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1676402967" rel="stylesheet">
+    <link href="../../../css/ie.css?1676402967" rel="stylesheet">
+    <script src="../../../js/url.js?1676402967"></script>
+    <script src="../../../js/variant.js?1676402967"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -83,8 +83,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1676326935" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326935" defer></script>
-    <script src="../../../js/theme.js?1676326935" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402967" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402967" defer></script>
+    <script src="../../../js/theme.js?1676402967" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/11/index.html b/tests/chapters/11/index.html
index 69dccfed15..deb6a9248e 100644
--- a/tests/chapters/11/index.html
+++ b/tests/chapters/11/index.html
@@ -9,20 +9,20 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>11 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326934" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326934" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326934" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326934" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326934" rel="stylesheet">
-    <link href="../../../css/print.css?1676326934" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1676326934" rel="stylesheet">
-    <script src="../../../js/url.js?1676326934"></script>
-    <script src="../../../js/variant.js?1676326934"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402965" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402965" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402965" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402965" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402965" rel="stylesheet">
+    <link href="../../../css/print.css?1676402965" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1676402965" rel="stylesheet">
+    <script src="../../../js/url.js?1676402965"></script>
+    <script src="../../../js/variant.js?1676402965"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -111,12 +111,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -124,33 +124,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -173,12 +173,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1676326934" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1676326934" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676326934" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1676326934" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1676326934" defer></script>
-        <script src="../../../js/search.js?1676326934" defer></script>
+        <script src="../../../js/auto-complete.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1676402966" defer></script>
+        <script src="../../../js/search.js?1676402966" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -317,14 +317,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -334,12 +334,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1676326934"></script>
+          <script async src="../../../js/buttons.js?1676402966"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1676326934" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326934" defer></script>
-    <script src="../../../js/theme.js?1676326934" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402966" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402966" defer></script>
+    <script src="../../../js/theme.js?1676402966" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/11/index.print.html b/tests/chapters/11/index.print.html
index fd95ee18a9..6aa5ef9387 100644
--- a/tests/chapters/11/index.print.html
+++ b/tests/chapters/11/index.print.html
@@ -9,21 +9,21 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>11 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326935" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326935" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326935" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326935" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326935" rel="stylesheet">
-    <link href="../../../css/print.css?1676326935" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1676326935" rel="stylesheet">
-    <link href="../../../css/ie.css?1676326935" rel="stylesheet">
-    <script src="../../../js/url.js?1676326935"></script>
-    <script src="../../../js/variant.js?1676326935"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402967" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402967" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402967" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402967" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402967" rel="stylesheet">
+    <link href="../../../css/print.css?1676402967" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1676402967" rel="stylesheet">
+    <link href="../../../css/ie.css?1676402967" rel="stylesheet">
+    <script src="../../../js/url.js?1676402967"></script>
+    <script src="../../../js/variant.js?1676402967"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -80,8 +80,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1676326935" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326935" defer></script>
-    <script src="../../../js/theme.js?1676326935" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402967" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402967" defer></script>
+    <script src="../../../js/theme.js?1676402967" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/12/index.html b/tests/chapters/12/index.html
index 9e8288b78b..aaaa567207 100644
--- a/tests/chapters/12/index.html
+++ b/tests/chapters/12/index.html
@@ -9,20 +9,20 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>12 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326934" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326934" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326934" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326934" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326934" rel="stylesheet">
-    <link href="../../../css/print.css?1676326934" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1676326934" rel="stylesheet">
-    <script src="../../../js/url.js?1676326934"></script>
-    <script src="../../../js/variant.js?1676326934"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402965" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402965" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402965" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402965" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402965" rel="stylesheet">
+    <link href="../../../css/print.css?1676402965" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1676402965" rel="stylesheet">
+    <script src="../../../js/url.js?1676402965"></script>
+    <script src="../../../js/variant.js?1676402965"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -111,12 +111,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -124,33 +124,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -173,12 +173,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1676326934" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1676326934" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676326934" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1676326934" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1676326934" defer></script>
-        <script src="../../../js/search.js?1676326934" defer></script>
+        <script src="../../../js/auto-complete.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1676402966" defer></script>
+        <script src="../../../js/search.js?1676402966" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -317,14 +317,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -334,12 +334,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1676326934"></script>
+          <script async src="../../../js/buttons.js?1676402966"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1676326934" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326934" defer></script>
-    <script src="../../../js/theme.js?1676326934" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402966" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402966" defer></script>
+    <script src="../../../js/theme.js?1676402966" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/12/index.print.html b/tests/chapters/12/index.print.html
index 256d683a81..40c99c7d65 100644
--- a/tests/chapters/12/index.print.html
+++ b/tests/chapters/12/index.print.html
@@ -9,21 +9,21 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>12 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326935" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326935" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326935" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326935" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326935" rel="stylesheet">
-    <link href="../../../css/print.css?1676326935" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1676326935" rel="stylesheet">
-    <link href="../../../css/ie.css?1676326935" rel="stylesheet">
-    <script src="../../../js/url.js?1676326935"></script>
-    <script src="../../../js/variant.js?1676326935"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402967" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402967" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402967" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402967" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402967" rel="stylesheet">
+    <link href="../../../css/print.css?1676402967" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1676402967" rel="stylesheet">
+    <link href="../../../css/ie.css?1676402967" rel="stylesheet">
+    <script src="../../../js/url.js?1676402967"></script>
+    <script src="../../../js/variant.js?1676402967"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -80,8 +80,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1676326935" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326935" defer></script>
-    <script src="../../../js/theme.js?1676326935" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402967" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402967" defer></script>
+    <script src="../../../js/theme.js?1676402967" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/13/index.html b/tests/chapters/13/index.html
index e3331146f2..9c397b45db 100644
--- a/tests/chapters/13/index.html
+++ b/tests/chapters/13/index.html
@@ -9,20 +9,20 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>13 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326934" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326934" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326934" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326934" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326934" rel="stylesheet">
-    <link href="../../../css/print.css?1676326934" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1676326934" rel="stylesheet">
-    <script src="../../../js/url.js?1676326934"></script>
-    <script src="../../../js/variant.js?1676326934"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402965" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402965" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402965" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402965" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402965" rel="stylesheet">
+    <link href="../../../css/print.css?1676402965" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1676402965" rel="stylesheet">
+    <script src="../../../js/url.js?1676402965"></script>
+    <script src="../../../js/variant.js?1676402965"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -111,12 +111,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -124,33 +124,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -173,12 +173,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1676326934" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1676326934" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676326934" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1676326934" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1676326934" defer></script>
-        <script src="../../../js/search.js?1676326934" defer></script>
+        <script src="../../../js/auto-complete.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1676402966" defer></script>
+        <script src="../../../js/search.js?1676402966" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -317,14 +317,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -334,12 +334,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1676326934"></script>
+          <script async src="../../../js/buttons.js?1676402966"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1676326934" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326934" defer></script>
-    <script src="../../../js/theme.js?1676326934" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402966" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402966" defer></script>
+    <script src="../../../js/theme.js?1676402966" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/13/index.print.html b/tests/chapters/13/index.print.html
index 34d15e20ce..ea548b62cc 100644
--- a/tests/chapters/13/index.print.html
+++ b/tests/chapters/13/index.print.html
@@ -9,21 +9,21 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>13 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326935" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326935" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326935" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326935" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326935" rel="stylesheet">
-    <link href="../../../css/print.css?1676326935" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1676326935" rel="stylesheet">
-    <link href="../../../css/ie.css?1676326935" rel="stylesheet">
-    <script src="../../../js/url.js?1676326935"></script>
-    <script src="../../../js/variant.js?1676326935"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402967" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402967" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402967" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402967" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402967" rel="stylesheet">
+    <link href="../../../css/print.css?1676402967" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1676402967" rel="stylesheet">
+    <link href="../../../css/ie.css?1676402967" rel="stylesheet">
+    <script src="../../../js/url.js?1676402967"></script>
+    <script src="../../../js/variant.js?1676402967"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -80,8 +80,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1676326935" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326935" defer></script>
-    <script src="../../../js/theme.js?1676326935" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402967" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402967" defer></script>
+    <script src="../../../js/theme.js?1676402967" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/14/index.html b/tests/chapters/14/index.html
index a355b27e1c..b83eb7fca6 100644
--- a/tests/chapters/14/index.html
+++ b/tests/chapters/14/index.html
@@ -9,20 +9,20 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>14 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326934" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326934" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326934" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326934" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326934" rel="stylesheet">
-    <link href="../../../css/print.css?1676326934" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1676326934" rel="stylesheet">
-    <script src="../../../js/url.js?1676326934"></script>
-    <script src="../../../js/variant.js?1676326934"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402965" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402965" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402965" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402965" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402965" rel="stylesheet">
+    <link href="../../../css/print.css?1676402965" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1676402965" rel="stylesheet">
+    <script src="../../../js/url.js?1676402965"></script>
+    <script src="../../../js/variant.js?1676402965"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -111,12 +111,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -124,33 +124,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -173,12 +173,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1676326934" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1676326934" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676326934" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1676326934" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1676326934" defer></script>
-        <script src="../../../js/search.js?1676326934" defer></script>
+        <script src="../../../js/auto-complete.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1676402966" defer></script>
+        <script src="../../../js/search.js?1676402966" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -317,14 +317,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -334,12 +334,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1676326934"></script>
+          <script async src="../../../js/buttons.js?1676402966"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1676326934" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326934" defer></script>
-    <script src="../../../js/theme.js?1676326934" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402966" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402966" defer></script>
+    <script src="../../../js/theme.js?1676402966" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/14/index.print.html b/tests/chapters/14/index.print.html
index 37d795ee36..d516a598ec 100644
--- a/tests/chapters/14/index.print.html
+++ b/tests/chapters/14/index.print.html
@@ -9,21 +9,21 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>14 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326935" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326935" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326935" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326935" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326935" rel="stylesheet">
-    <link href="../../../css/print.css?1676326935" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1676326935" rel="stylesheet">
-    <link href="../../../css/ie.css?1676326935" rel="stylesheet">
-    <script src="../../../js/url.js?1676326935"></script>
-    <script src="../../../js/variant.js?1676326935"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402967" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402967" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402967" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402967" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402967" rel="stylesheet">
+    <link href="../../../css/print.css?1676402967" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1676402967" rel="stylesheet">
+    <link href="../../../css/ie.css?1676402967" rel="stylesheet">
+    <script src="../../../js/url.js?1676402967"></script>
+    <script src="../../../js/variant.js?1676402967"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -80,8 +80,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1676326935" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326935" defer></script>
-    <script src="../../../js/theme.js?1676326935" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402967" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402967" defer></script>
+    <script src="../../../js/theme.js?1676402967" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/15/index.html b/tests/chapters/15/index.html
index e3212308ed..cea1d046af 100644
--- a/tests/chapters/15/index.html
+++ b/tests/chapters/15/index.html
@@ -9,20 +9,20 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>15 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326934" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326934" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326934" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326934" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326934" rel="stylesheet">
-    <link href="../../../css/print.css?1676326934" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1676326934" rel="stylesheet">
-    <script src="../../../js/url.js?1676326934"></script>
-    <script src="../../../js/variant.js?1676326934"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402965" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402965" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402965" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402965" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402965" rel="stylesheet">
+    <link href="../../../css/print.css?1676402965" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1676402965" rel="stylesheet">
+    <script src="../../../js/url.js?1676402965"></script>
+    <script src="../../../js/variant.js?1676402965"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -111,12 +111,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -124,33 +124,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -173,12 +173,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1676326934" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1676326934" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676326934" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1676326934" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1676326934" defer></script>
-        <script src="../../../js/search.js?1676326934" defer></script>
+        <script src="../../../js/auto-complete.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1676402966" defer></script>
+        <script src="../../../js/search.js?1676402966" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -317,14 +317,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -334,12 +334,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1676326935"></script>
+          <script async src="../../../js/buttons.js?1676402966"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1676326935" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326935" defer></script>
-    <script src="../../../js/theme.js?1676326935" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402966" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402966" defer></script>
+    <script src="../../../js/theme.js?1676402966" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/15/index.print.html b/tests/chapters/15/index.print.html
index 5a4af98daa..7368648617 100644
--- a/tests/chapters/15/index.print.html
+++ b/tests/chapters/15/index.print.html
@@ -9,21 +9,21 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>15 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326935" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326935" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326935" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326935" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326935" rel="stylesheet">
-    <link href="../../../css/print.css?1676326935" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1676326935" rel="stylesheet">
-    <link href="../../../css/ie.css?1676326935" rel="stylesheet">
-    <script src="../../../js/url.js?1676326935"></script>
-    <script src="../../../js/variant.js?1676326935"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402967" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402967" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402967" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402967" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402967" rel="stylesheet">
+    <link href="../../../css/print.css?1676402967" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1676402967" rel="stylesheet">
+    <link href="../../../css/ie.css?1676402967" rel="stylesheet">
+    <script src="../../../js/url.js?1676402967"></script>
+    <script src="../../../js/variant.js?1676402967"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -80,8 +80,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1676326935" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326935" defer></script>
-    <script src="../../../js/theme.js?1676326935" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402967" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402967" defer></script>
+    <script src="../../../js/theme.js?1676402967" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/16/index.html b/tests/chapters/16/index.html
index 3cc82c2805..f0b2c06618 100644
--- a/tests/chapters/16/index.html
+++ b/tests/chapters/16/index.html
@@ -9,20 +9,20 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>16 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326934" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326934" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326934" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326934" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326934" rel="stylesheet">
-    <link href="../../../css/print.css?1676326934" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1676326934" rel="stylesheet">
-    <script src="../../../js/url.js?1676326934"></script>
-    <script src="../../../js/variant.js?1676326934"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402965" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402965" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402965" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402965" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402965" rel="stylesheet">
+    <link href="../../../css/print.css?1676402965" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1676402965" rel="stylesheet">
+    <script src="../../../js/url.js?1676402965"></script>
+    <script src="../../../js/variant.js?1676402965"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -111,12 +111,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -124,33 +124,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -173,12 +173,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1676326935" defer></script>
-        <script src="../../../js/search.js?1676326935" defer></script>
+        <script src="../../../js/auto-complete.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1676402966" defer></script>
+        <script src="../../../js/search.js?1676402966" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -317,14 +317,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -334,12 +334,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1676326935"></script>
+          <script async src="../../../js/buttons.js?1676402966"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1676326935" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326935" defer></script>
-    <script src="../../../js/theme.js?1676326935" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402966" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402966" defer></script>
+    <script src="../../../js/theme.js?1676402966" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/16/index.print.html b/tests/chapters/16/index.print.html
index 0d7a0b3306..338ee17521 100644
--- a/tests/chapters/16/index.print.html
+++ b/tests/chapters/16/index.print.html
@@ -9,21 +9,21 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>16 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326935" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326935" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326935" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326935" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326935" rel="stylesheet">
-    <link href="../../../css/print.css?1676326935" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1676326935" rel="stylesheet">
-    <link href="../../../css/ie.css?1676326935" rel="stylesheet">
-    <script src="../../../js/url.js?1676326935"></script>
-    <script src="../../../js/variant.js?1676326935"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402967" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402967" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402967" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402967" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402967" rel="stylesheet">
+    <link href="../../../css/print.css?1676402967" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1676402967" rel="stylesheet">
+    <link href="../../../css/ie.css?1676402967" rel="stylesheet">
+    <script src="../../../js/url.js?1676402967"></script>
+    <script src="../../../js/variant.js?1676402967"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -80,8 +80,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1676326935" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326935" defer></script>
-    <script src="../../../js/theme.js?1676326935" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402967" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402967" defer></script>
+    <script src="../../../js/theme.js?1676402967" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/17/index.html b/tests/chapters/17/index.html
index f896b09079..1b6e8e0532 100644
--- a/tests/chapters/17/index.html
+++ b/tests/chapters/17/index.html
@@ -9,20 +9,20 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>17 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326934" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326934" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326934" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326934" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326934" rel="stylesheet">
-    <link href="../../../css/print.css?1676326934" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1676326934" rel="stylesheet">
-    <script src="../../../js/url.js?1676326934"></script>
-    <script src="../../../js/variant.js?1676326934"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402965" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402965" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402965" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402965" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402965" rel="stylesheet">
+    <link href="../../../css/print.css?1676402965" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1676402965" rel="stylesheet">
+    <script src="../../../js/url.js?1676402965"></script>
+    <script src="../../../js/variant.js?1676402965"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -111,12 +111,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -124,33 +124,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -173,12 +173,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1676326935" defer></script>
-        <script src="../../../js/search.js?1676326935" defer></script>
+        <script src="../../../js/auto-complete.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1676402966" defer></script>
+        <script src="../../../js/search.js?1676402966" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -317,14 +317,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -334,12 +334,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1676326935"></script>
+          <script async src="../../../js/buttons.js?1676402966"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1676326935" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326935" defer></script>
-    <script src="../../../js/theme.js?1676326935" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402966" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402966" defer></script>
+    <script src="../../../js/theme.js?1676402966" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/17/index.print.html b/tests/chapters/17/index.print.html
index 06aec92745..4a7935eb00 100644
--- a/tests/chapters/17/index.print.html
+++ b/tests/chapters/17/index.print.html
@@ -9,21 +9,21 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>17 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326935" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326935" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326935" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326935" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326935" rel="stylesheet">
-    <link href="../../../css/print.css?1676326935" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1676326935" rel="stylesheet">
-    <link href="../../../css/ie.css?1676326935" rel="stylesheet">
-    <script src="../../../js/url.js?1676326935"></script>
-    <script src="../../../js/variant.js?1676326935"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402967" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402967" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402967" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402967" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402967" rel="stylesheet">
+    <link href="../../../css/print.css?1676402967" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1676402967" rel="stylesheet">
+    <link href="../../../css/ie.css?1676402967" rel="stylesheet">
+    <script src="../../../js/url.js?1676402967"></script>
+    <script src="../../../js/variant.js?1676402967"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -80,8 +80,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1676326935" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326935" defer></script>
-    <script src="../../../js/theme.js?1676326935" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402967" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402967" defer></script>
+    <script src="../../../js/theme.js?1676402967" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/18/index.html b/tests/chapters/18/index.html
index 7f3d292e29..36252c7cdd 100644
--- a/tests/chapters/18/index.html
+++ b/tests/chapters/18/index.html
@@ -9,20 +9,20 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>18 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326934" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326934" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326934" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326934" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326934" rel="stylesheet">
-    <link href="../../../css/print.css?1676326934" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1676326934" rel="stylesheet">
-    <script src="../../../js/url.js?1676326934"></script>
-    <script src="../../../js/variant.js?1676326934"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402965" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402965" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402965" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402965" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402965" rel="stylesheet">
+    <link href="../../../css/print.css?1676402965" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1676402965" rel="stylesheet">
+    <script src="../../../js/url.js?1676402965"></script>
+    <script src="../../../js/variant.js?1676402965"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -111,12 +111,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -124,33 +124,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -173,12 +173,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1676326935" defer></script>
-        <script src="../../../js/search.js?1676326935" defer></script>
+        <script src="../../../js/auto-complete.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1676402966" defer></script>
+        <script src="../../../js/search.js?1676402966" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -317,14 +317,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -334,12 +334,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1676326935"></script>
+          <script async src="../../../js/buttons.js?1676402966"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1676326935" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326935" defer></script>
-    <script src="../../../js/theme.js?1676326935" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402966" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402966" defer></script>
+    <script src="../../../js/theme.js?1676402966" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/18/index.print.html b/tests/chapters/18/index.print.html
index a7ccd07818..df3915bd25 100644
--- a/tests/chapters/18/index.print.html
+++ b/tests/chapters/18/index.print.html
@@ -9,21 +9,21 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>18 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326935" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326935" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326935" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326935" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326935" rel="stylesheet">
-    <link href="../../../css/print.css?1676326935" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1676326935" rel="stylesheet">
-    <link href="../../../css/ie.css?1676326935" rel="stylesheet">
-    <script src="../../../js/url.js?1676326935"></script>
-    <script src="../../../js/variant.js?1676326935"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402967" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402967" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402967" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402967" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402967" rel="stylesheet">
+    <link href="../../../css/print.css?1676402967" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1676402967" rel="stylesheet">
+    <link href="../../../css/ie.css?1676402967" rel="stylesheet">
+    <script src="../../../js/url.js?1676402967"></script>
+    <script src="../../../js/variant.js?1676402967"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -80,8 +80,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1676326935" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326935" defer></script>
-    <script src="../../../js/theme.js?1676326935" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402967" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402967" defer></script>
+    <script src="../../../js/theme.js?1676402967" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/19/index.html b/tests/chapters/19/index.html
index 933d50e58f..392293d711 100644
--- a/tests/chapters/19/index.html
+++ b/tests/chapters/19/index.html
@@ -9,20 +9,20 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>19 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326934" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326934" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326934" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326934" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326934" rel="stylesheet">
-    <link href="../../../css/print.css?1676326934" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1676326934" rel="stylesheet">
-    <script src="../../../js/url.js?1676326934"></script>
-    <script src="../../../js/variant.js?1676326934"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402965" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402965" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402965" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402965" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402965" rel="stylesheet">
+    <link href="../../../css/print.css?1676402965" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1676402965" rel="stylesheet">
+    <script src="../../../js/url.js?1676402965"></script>
+    <script src="../../../js/variant.js?1676402965"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -111,12 +111,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -124,33 +124,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -173,12 +173,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1676326935" defer></script>
-        <script src="../../../js/search.js?1676326935" defer></script>
+        <script src="../../../js/auto-complete.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1676402966" defer></script>
+        <script src="../../../js/search.js?1676402966" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -317,14 +317,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -334,12 +334,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1676326935"></script>
+          <script async src="../../../js/buttons.js?1676402966"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1676326935" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326935" defer></script>
-    <script src="../../../js/theme.js?1676326935" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402966" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402966" defer></script>
+    <script src="../../../js/theme.js?1676402966" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/19/index.print.html b/tests/chapters/19/index.print.html
index e9f45520c8..0f414e5200 100644
--- a/tests/chapters/19/index.print.html
+++ b/tests/chapters/19/index.print.html
@@ -9,21 +9,21 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>19 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326935" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326935" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326935" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326935" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326935" rel="stylesheet">
-    <link href="../../../css/print.css?1676326935" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1676326935" rel="stylesheet">
-    <link href="../../../css/ie.css?1676326935" rel="stylesheet">
-    <script src="../../../js/url.js?1676326935"></script>
-    <script src="../../../js/variant.js?1676326935"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402967" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402967" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402967" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402967" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402967" rel="stylesheet">
+    <link href="../../../css/print.css?1676402967" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1676402967" rel="stylesheet">
+    <link href="../../../css/ie.css?1676402967" rel="stylesheet">
+    <script src="../../../js/url.js?1676402967"></script>
+    <script src="../../../js/variant.js?1676402967"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -80,8 +80,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1676326935" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326935" defer></script>
-    <script src="../../../js/theme.js?1676326935" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402967" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402967" defer></script>
+    <script src="../../../js/theme.js?1676402967" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/2/index.html b/tests/chapters/2/index.html
index 6c8b023506..64d18de7eb 100644
--- a/tests/chapters/2/index.html
+++ b/tests/chapters/2/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/2/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/2/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/2/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326934" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326934" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326934" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326934" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326934" rel="stylesheet">
-    <link href="../../../css/print.css?1676326934" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1676326934" rel="stylesheet">
-    <script src="../../../js/url.js?1676326934"></script>
-    <script src="../../../js/variant.js?1676326934"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402965" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402965" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402965" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402965" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402965" rel="stylesheet">
+    <link href="../../../css/print.css?1676402965" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1676402965" rel="stylesheet">
+    <script src="../../../js/url.js?1676402965"></script>
+    <script src="../../../js/variant.js?1676402965"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -114,12 +114,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -127,33 +127,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -176,12 +176,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1676326935" defer></script>
-        <script src="../../../js/search.js?1676326935" defer></script>
+        <script src="../../../js/auto-complete.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1676402966" defer></script>
+        <script src="../../../js/search.js?1676402966" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -321,14 +321,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -338,12 +338,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1676326935"></script>
+          <script async src="../../../js/buttons.js?1676402966"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1676326935" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326935" defer></script>
-    <script src="../../../js/theme.js?1676326935" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402966" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402966" defer></script>
+    <script src="../../../js/theme.js?1676402966" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/2/index.print.html b/tests/chapters/2/index.print.html
index 93b008036e..76fdc776fd 100644
--- a/tests/chapters/2/index.print.html
+++ b/tests/chapters/2/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/2/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/2/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/2/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326935" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326935" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326935" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326935" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326935" rel="stylesheet">
-    <link href="../../../css/print.css?1676326935" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1676326935" rel="stylesheet">
-    <link href="../../../css/ie.css?1676326935" rel="stylesheet">
-    <script src="../../../js/url.js?1676326935"></script>
-    <script src="../../../js/variant.js?1676326935"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402967" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402967" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402967" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402967" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402967" rel="stylesheet">
+    <link href="../../../css/print.css?1676402967" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1676402967" rel="stylesheet">
+    <link href="../../../css/ie.css?1676402967" rel="stylesheet">
+    <script src="../../../js/url.js?1676402967"></script>
+    <script src="../../../js/variant.js?1676402967"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -83,8 +83,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1676326936" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326936" defer></script>
-    <script src="../../../js/theme.js?1676326936" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402967" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402967" defer></script>
+    <script src="../../../js/theme.js?1676402967" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/20/index.html b/tests/chapters/20/index.html
index d625342076..cd16b0719f 100644
--- a/tests/chapters/20/index.html
+++ b/tests/chapters/20/index.html
@@ -9,20 +9,20 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>20 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326934" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326934" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326934" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326934" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326934" rel="stylesheet">
-    <link href="../../../css/print.css?1676326934" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1676326934" rel="stylesheet">
-    <script src="../../../js/url.js?1676326934"></script>
-    <script src="../../../js/variant.js?1676326934"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402965" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402965" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402965" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402965" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402965" rel="stylesheet">
+    <link href="../../../css/print.css?1676402965" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1676402965" rel="stylesheet">
+    <script src="../../../js/url.js?1676402965"></script>
+    <script src="../../../js/variant.js?1676402965"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -111,12 +111,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -124,33 +124,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -173,12 +173,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1676326935" defer></script>
-        <script src="../../../js/search.js?1676326935" defer></script>
+        <script src="../../../js/auto-complete.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1676402966" defer></script>
+        <script src="../../../js/search.js?1676402966" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -317,14 +317,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -334,12 +334,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1676326935"></script>
+          <script async src="../../../js/buttons.js?1676402966"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1676326935" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326935" defer></script>
-    <script src="../../../js/theme.js?1676326935" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402966" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402966" defer></script>
+    <script src="../../../js/theme.js?1676402966" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/20/index.print.html b/tests/chapters/20/index.print.html
index ffd8d9462f..e16248ea67 100644
--- a/tests/chapters/20/index.print.html
+++ b/tests/chapters/20/index.print.html
@@ -9,21 +9,21 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>20 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326935" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326935" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326935" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326935" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326935" rel="stylesheet">
-    <link href="../../../css/print.css?1676326935" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1676326935" rel="stylesheet">
-    <link href="../../../css/ie.css?1676326935" rel="stylesheet">
-    <script src="../../../js/url.js?1676326935"></script>
-    <script src="../../../js/variant.js?1676326935"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402967" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402967" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402967" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402967" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402967" rel="stylesheet">
+    <link href="../../../css/print.css?1676402967" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1676402967" rel="stylesheet">
+    <link href="../../../css/ie.css?1676402967" rel="stylesheet">
+    <script src="../../../js/url.js?1676402967"></script>
+    <script src="../../../js/variant.js?1676402967"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -80,8 +80,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1676326936" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326936" defer></script>
-    <script src="../../../js/theme.js?1676326936" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402967" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402967" defer></script>
+    <script src="../../../js/theme.js?1676402967" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/21/index.html b/tests/chapters/21/index.html
index fbaf764ee7..157a2f7bd4 100644
--- a/tests/chapters/21/index.html
+++ b/tests/chapters/21/index.html
@@ -9,20 +9,20 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>21 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326934" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326934" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326934" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326934" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326934" rel="stylesheet">
-    <link href="../../../css/print.css?1676326934" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1676326934" rel="stylesheet">
-    <script src="../../../js/url.js?1676326934"></script>
-    <script src="../../../js/variant.js?1676326934"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402965" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402965" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402965" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402965" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402965" rel="stylesheet">
+    <link href="../../../css/print.css?1676402965" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1676402965" rel="stylesheet">
+    <script src="../../../js/url.js?1676402965"></script>
+    <script src="../../../js/variant.js?1676402965"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -111,12 +111,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -124,33 +124,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -173,12 +173,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1676326935" defer></script>
-        <script src="../../../js/search.js?1676326935" defer></script>
+        <script src="../../../js/auto-complete.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1676402966" defer></script>
+        <script src="../../../js/search.js?1676402966" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -317,14 +317,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -334,12 +334,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1676326935"></script>
+          <script async src="../../../js/buttons.js?1676402966"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1676326935" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326935" defer></script>
-    <script src="../../../js/theme.js?1676326935" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402966" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402966" defer></script>
+    <script src="../../../js/theme.js?1676402966" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/21/index.print.html b/tests/chapters/21/index.print.html
index c077201a34..ff8bf67cb4 100644
--- a/tests/chapters/21/index.print.html
+++ b/tests/chapters/21/index.print.html
@@ -9,21 +9,21 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>21 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326935" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326935" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326935" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326935" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326935" rel="stylesheet">
-    <link href="../../../css/print.css?1676326935" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1676326935" rel="stylesheet">
-    <link href="../../../css/ie.css?1676326935" rel="stylesheet">
-    <script src="../../../js/url.js?1676326935"></script>
-    <script src="../../../js/variant.js?1676326935"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402967" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402967" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402967" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402967" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402967" rel="stylesheet">
+    <link href="../../../css/print.css?1676402967" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1676402967" rel="stylesheet">
+    <link href="../../../css/ie.css?1676402967" rel="stylesheet">
+    <script src="../../../js/url.js?1676402967"></script>
+    <script src="../../../js/variant.js?1676402967"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -80,8 +80,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1676326936" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326936" defer></script>
-    <script src="../../../js/theme.js?1676326936" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402967" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402967" defer></script>
+    <script src="../../../js/theme.js?1676402967" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/22/index.html b/tests/chapters/22/index.html
index 0a882ce531..65d7b258c3 100644
--- a/tests/chapters/22/index.html
+++ b/tests/chapters/22/index.html
@@ -9,20 +9,20 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>22 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326934" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326934" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326934" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326934" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326934" rel="stylesheet">
-    <link href="../../../css/print.css?1676326934" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1676326934" rel="stylesheet">
-    <script src="../../../js/url.js?1676326934"></script>
-    <script src="../../../js/variant.js?1676326934"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402965" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402965" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402965" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402965" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402965" rel="stylesheet">
+    <link href="../../../css/print.css?1676402965" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1676402965" rel="stylesheet">
+    <script src="../../../js/url.js?1676402965"></script>
+    <script src="../../../js/variant.js?1676402965"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -111,12 +111,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -124,33 +124,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -173,12 +173,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1676326935" defer></script>
-        <script src="../../../js/search.js?1676326935" defer></script>
+        <script src="../../../js/auto-complete.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1676402966" defer></script>
+        <script src="../../../js/search.js?1676402966" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -317,14 +317,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -334,12 +334,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1676326935"></script>
+          <script async src="../../../js/buttons.js?1676402966"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1676326935" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326935" defer></script>
-    <script src="../../../js/theme.js?1676326935" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402966" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402966" defer></script>
+    <script src="../../../js/theme.js?1676402966" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/22/index.print.html b/tests/chapters/22/index.print.html
index 297371cbe8..80f8286936 100644
--- a/tests/chapters/22/index.print.html
+++ b/tests/chapters/22/index.print.html
@@ -9,21 +9,21 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>22 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326935" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326935" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326935" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326935" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326935" rel="stylesheet">
-    <link href="../../../css/print.css?1676326935" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1676326935" rel="stylesheet">
-    <link href="../../../css/ie.css?1676326935" rel="stylesheet">
-    <script src="../../../js/url.js?1676326935"></script>
-    <script src="../../../js/variant.js?1676326935"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402967" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402967" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402967" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402967" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402967" rel="stylesheet">
+    <link href="../../../css/print.css?1676402967" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1676402967" rel="stylesheet">
+    <link href="../../../css/ie.css?1676402967" rel="stylesheet">
+    <script src="../../../js/url.js?1676402967"></script>
+    <script src="../../../js/variant.js?1676402967"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -80,8 +80,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1676326936" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326936" defer></script>
-    <script src="../../../js/theme.js?1676326936" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402967" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402967" defer></script>
+    <script src="../../../js/theme.js?1676402967" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/23/index.html b/tests/chapters/23/index.html
index 3758e816a2..475f61eafb 100644
--- a/tests/chapters/23/index.html
+++ b/tests/chapters/23/index.html
@@ -9,20 +9,20 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>23 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326934" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326934" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326934" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326934" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326934" rel="stylesheet">
-    <link href="../../../css/print.css?1676326934" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1676326934" rel="stylesheet">
-    <script src="../../../js/url.js?1676326934"></script>
-    <script src="../../../js/variant.js?1676326934"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402965" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402965" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402965" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402965" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402965" rel="stylesheet">
+    <link href="../../../css/print.css?1676402965" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1676402965" rel="stylesheet">
+    <script src="../../../js/url.js?1676402965"></script>
+    <script src="../../../js/variant.js?1676402965"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -111,12 +111,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -124,33 +124,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -173,12 +173,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1676326935" defer></script>
-        <script src="../../../js/search.js?1676326935" defer></script>
+        <script src="../../../js/auto-complete.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1676402966" defer></script>
+        <script src="../../../js/search.js?1676402966" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -317,14 +317,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -334,12 +334,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1676326935"></script>
+          <script async src="../../../js/buttons.js?1676402966"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1676326935" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326935" defer></script>
-    <script src="../../../js/theme.js?1676326935" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402966" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402966" defer></script>
+    <script src="../../../js/theme.js?1676402966" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/23/index.print.html b/tests/chapters/23/index.print.html
index 7e2cc4b984..612dca221b 100644
--- a/tests/chapters/23/index.print.html
+++ b/tests/chapters/23/index.print.html
@@ -9,21 +9,21 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>23 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326935" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326935" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326935" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326935" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326935" rel="stylesheet">
-    <link href="../../../css/print.css?1676326935" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1676326935" rel="stylesheet">
-    <link href="../../../css/ie.css?1676326935" rel="stylesheet">
-    <script src="../../../js/url.js?1676326935"></script>
-    <script src="../../../js/variant.js?1676326935"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402967" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402967" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402967" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402967" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402967" rel="stylesheet">
+    <link href="../../../css/print.css?1676402967" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1676402967" rel="stylesheet">
+    <link href="../../../css/ie.css?1676402967" rel="stylesheet">
+    <script src="../../../js/url.js?1676402967"></script>
+    <script src="../../../js/variant.js?1676402967"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -80,8 +80,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1676326936" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326936" defer></script>
-    <script src="../../../js/theme.js?1676326936" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402967" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402967" defer></script>
+    <script src="../../../js/theme.js?1676402967" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/24/index.html b/tests/chapters/24/index.html
index 8fd43202d4..a453d190bd 100644
--- a/tests/chapters/24/index.html
+++ b/tests/chapters/24/index.html
@@ -9,20 +9,20 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>24 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326934" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326934" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326934" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326934" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326934" rel="stylesheet">
-    <link href="../../../css/print.css?1676326934" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1676326934" rel="stylesheet">
-    <script src="../../../js/url.js?1676326934"></script>
-    <script src="../../../js/variant.js?1676326934"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402965" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402965" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402965" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402965" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402965" rel="stylesheet">
+    <link href="../../../css/print.css?1676402965" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1676402965" rel="stylesheet">
+    <script src="../../../js/url.js?1676402965"></script>
+    <script src="../../../js/variant.js?1676402965"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -111,12 +111,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -124,33 +124,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -173,12 +173,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1676326935" defer></script>
-        <script src="../../../js/search.js?1676326935" defer></script>
+        <script src="../../../js/auto-complete.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1676402966" defer></script>
+        <script src="../../../js/search.js?1676402966" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -317,14 +317,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -334,12 +334,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1676326935"></script>
+          <script async src="../../../js/buttons.js?1676402966"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1676326935" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326935" defer></script>
-    <script src="../../../js/theme.js?1676326935" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402966" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402966" defer></script>
+    <script src="../../../js/theme.js?1676402966" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/24/index.print.html b/tests/chapters/24/index.print.html
index 853b32dadd..e4e869fad2 100644
--- a/tests/chapters/24/index.print.html
+++ b/tests/chapters/24/index.print.html
@@ -9,21 +9,21 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>24 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326935" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326935" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326935" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326935" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326935" rel="stylesheet">
-    <link href="../../../css/print.css?1676326935" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1676326935" rel="stylesheet">
-    <link href="../../../css/ie.css?1676326935" rel="stylesheet">
-    <script src="../../../js/url.js?1676326935"></script>
-    <script src="../../../js/variant.js?1676326935"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402967" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402967" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402967" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402967" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402967" rel="stylesheet">
+    <link href="../../../css/print.css?1676402967" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1676402967" rel="stylesheet">
+    <link href="../../../css/ie.css?1676402967" rel="stylesheet">
+    <script src="../../../js/url.js?1676402967"></script>
+    <script src="../../../js/variant.js?1676402967"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -80,8 +80,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1676326936" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326936" defer></script>
-    <script src="../../../js/theme.js?1676326936" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402967" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402967" defer></script>
+    <script src="../../../js/theme.js?1676402967" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/25/index.html b/tests/chapters/25/index.html
index b3954fa74f..989c9452dc 100644
--- a/tests/chapters/25/index.html
+++ b/tests/chapters/25/index.html
@@ -9,20 +9,20 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>25 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326934" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326934" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326934" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326934" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326934" rel="stylesheet">
-    <link href="../../../css/print.css?1676326934" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1676326934" rel="stylesheet">
-    <script src="../../../js/url.js?1676326934"></script>
-    <script src="../../../js/variant.js?1676326934"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402965" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402965" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402965" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402965" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402965" rel="stylesheet">
+    <link href="../../../css/print.css?1676402965" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1676402965" rel="stylesheet">
+    <script src="../../../js/url.js?1676402965"></script>
+    <script src="../../../js/variant.js?1676402965"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -111,12 +111,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -124,33 +124,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -173,12 +173,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1676326935" defer></script>
-        <script src="../../../js/search.js?1676326935" defer></script>
+        <script src="../../../js/auto-complete.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1676402966" defer></script>
+        <script src="../../../js/search.js?1676402966" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -317,14 +317,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -334,12 +334,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1676326935"></script>
+          <script async src="../../../js/buttons.js?1676402966"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1676326935" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326935" defer></script>
-    <script src="../../../js/theme.js?1676326935" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402966" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402966" defer></script>
+    <script src="../../../js/theme.js?1676402966" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/25/index.print.html b/tests/chapters/25/index.print.html
index 54bced548e..416c05b005 100644
--- a/tests/chapters/25/index.print.html
+++ b/tests/chapters/25/index.print.html
@@ -9,21 +9,21 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>25 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326935" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326935" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326935" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326935" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326935" rel="stylesheet">
-    <link href="../../../css/print.css?1676326935" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1676326935" rel="stylesheet">
-    <link href="../../../css/ie.css?1676326935" rel="stylesheet">
-    <script src="../../../js/url.js?1676326935"></script>
-    <script src="../../../js/variant.js?1676326935"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402967" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402967" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402967" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402967" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402967" rel="stylesheet">
+    <link href="../../../css/print.css?1676402967" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1676402967" rel="stylesheet">
+    <link href="../../../css/ie.css?1676402967" rel="stylesheet">
+    <script src="../../../js/url.js?1676402967"></script>
+    <script src="../../../js/variant.js?1676402967"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -80,8 +80,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1676326936" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326936" defer></script>
-    <script src="../../../js/theme.js?1676326936" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402967" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402967" defer></script>
+    <script src="../../../js/theme.js?1676402967" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/26/index.html b/tests/chapters/26/index.html
index 29ed182fe7..cc5f2e0c61 100644
--- a/tests/chapters/26/index.html
+++ b/tests/chapters/26/index.html
@@ -9,20 +9,20 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>26 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326934" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326934" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326934" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326934" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326934" rel="stylesheet">
-    <link href="../../../css/print.css?1676326934" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1676326934" rel="stylesheet">
-    <script src="../../../js/url.js?1676326934"></script>
-    <script src="../../../js/variant.js?1676326934"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402965" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402965" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402965" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402965" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402965" rel="stylesheet">
+    <link href="../../../css/print.css?1676402965" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1676402965" rel="stylesheet">
+    <script src="../../../js/url.js?1676402965"></script>
+    <script src="../../../js/variant.js?1676402965"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -111,12 +111,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -124,33 +124,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -173,12 +173,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1676326935" defer></script>
-        <script src="../../../js/search.js?1676326935" defer></script>
+        <script src="../../../js/auto-complete.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1676402966" defer></script>
+        <script src="../../../js/search.js?1676402966" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -317,14 +317,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -334,12 +334,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1676326935"></script>
+          <script async src="../../../js/buttons.js?1676402966"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1676326935" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326935" defer></script>
-    <script src="../../../js/theme.js?1676326935" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402966" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402966" defer></script>
+    <script src="../../../js/theme.js?1676402966" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/26/index.print.html b/tests/chapters/26/index.print.html
index 64cd04f860..0f252b5b72 100644
--- a/tests/chapters/26/index.print.html
+++ b/tests/chapters/26/index.print.html
@@ -9,21 +9,21 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>26 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326935" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326935" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326935" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326935" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326935" rel="stylesheet">
-    <link href="../../../css/print.css?1676326935" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1676326935" rel="stylesheet">
-    <link href="../../../css/ie.css?1676326935" rel="stylesheet">
-    <script src="../../../js/url.js?1676326935"></script>
-    <script src="../../../js/variant.js?1676326935"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402967" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402967" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402967" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402967" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402967" rel="stylesheet">
+    <link href="../../../css/print.css?1676402967" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1676402967" rel="stylesheet">
+    <link href="../../../css/ie.css?1676402967" rel="stylesheet">
+    <script src="../../../js/url.js?1676402967"></script>
+    <script src="../../../js/variant.js?1676402967"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -80,8 +80,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1676326936" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326936" defer></script>
-    <script src="../../../js/theme.js?1676326936" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402967" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402967" defer></script>
+    <script src="../../../js/theme.js?1676402967" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/27/index.html b/tests/chapters/27/index.html
index c1aa59ea8a..13dc6019ff 100644
--- a/tests/chapters/27/index.html
+++ b/tests/chapters/27/index.html
@@ -9,20 +9,20 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>27 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326934" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326934" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326934" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326934" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326934" rel="stylesheet">
-    <link href="../../../css/print.css?1676326934" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1676326934" rel="stylesheet">
-    <script src="../../../js/url.js?1676326934"></script>
-    <script src="../../../js/variant.js?1676326934"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402965" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402965" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402965" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402965" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402965" rel="stylesheet">
+    <link href="../../../css/print.css?1676402965" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1676402965" rel="stylesheet">
+    <script src="../../../js/url.js?1676402965"></script>
+    <script src="../../../js/variant.js?1676402965"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -111,12 +111,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -124,33 +124,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -173,12 +173,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1676326935" defer></script>
-        <script src="../../../js/search.js?1676326935" defer></script>
+        <script src="../../../js/auto-complete.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1676402966" defer></script>
+        <script src="../../../js/search.js?1676402966" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -317,14 +317,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -334,12 +334,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1676326935"></script>
+          <script async src="../../../js/buttons.js?1676402966"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1676326935" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326935" defer></script>
-    <script src="../../../js/theme.js?1676326935" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402966" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402966" defer></script>
+    <script src="../../../js/theme.js?1676402966" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/27/index.print.html b/tests/chapters/27/index.print.html
index 805e6d7281..c29face9d1 100644
--- a/tests/chapters/27/index.print.html
+++ b/tests/chapters/27/index.print.html
@@ -9,21 +9,21 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>27 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326935" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326935" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326935" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326935" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326935" rel="stylesheet">
-    <link href="../../../css/print.css?1676326935" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1676326935" rel="stylesheet">
-    <link href="../../../css/ie.css?1676326935" rel="stylesheet">
-    <script src="../../../js/url.js?1676326935"></script>
-    <script src="../../../js/variant.js?1676326935"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402967" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402967" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402967" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402967" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402967" rel="stylesheet">
+    <link href="../../../css/print.css?1676402967" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1676402967" rel="stylesheet">
+    <link href="../../../css/ie.css?1676402967" rel="stylesheet">
+    <script src="../../../js/url.js?1676402967"></script>
+    <script src="../../../js/variant.js?1676402967"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -80,8 +80,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1676326936" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326936" defer></script>
-    <script src="../../../js/theme.js?1676326936" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402967" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402967" defer></script>
+    <script src="../../../js/theme.js?1676402967" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/28/index.html b/tests/chapters/28/index.html
index a1b5d46924..2dd9f8278b 100644
--- a/tests/chapters/28/index.html
+++ b/tests/chapters/28/index.html
@@ -9,20 +9,20 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>28 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326934" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326934" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326934" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326934" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326934" rel="stylesheet">
-    <link href="../../../css/print.css?1676326934" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1676326934" rel="stylesheet">
-    <script src="../../../js/url.js?1676326934"></script>
-    <script src="../../../js/variant.js?1676326934"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402965" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402965" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402965" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402965" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402965" rel="stylesheet">
+    <link href="../../../css/print.css?1676402965" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1676402965" rel="stylesheet">
+    <script src="../../../js/url.js?1676402965"></script>
+    <script src="../../../js/variant.js?1676402965"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -111,12 +111,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -124,33 +124,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -173,12 +173,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1676326935" defer></script>
-        <script src="../../../js/search.js?1676326935" defer></script>
+        <script src="../../../js/auto-complete.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1676402966" defer></script>
+        <script src="../../../js/search.js?1676402966" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -317,14 +317,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -334,12 +334,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1676326935"></script>
+          <script async src="../../../js/buttons.js?1676402966"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1676326935" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326935" defer></script>
-    <script src="../../../js/theme.js?1676326935" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402966" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402966" defer></script>
+    <script src="../../../js/theme.js?1676402966" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/28/index.print.html b/tests/chapters/28/index.print.html
index 1e5264adf4..51a9c61ce9 100644
--- a/tests/chapters/28/index.print.html
+++ b/tests/chapters/28/index.print.html
@@ -9,21 +9,21 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>28 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326935" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326935" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326935" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326935" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326935" rel="stylesheet">
-    <link href="../../../css/print.css?1676326935" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1676326935" rel="stylesheet">
-    <link href="../../../css/ie.css?1676326935" rel="stylesheet">
-    <script src="../../../js/url.js?1676326935"></script>
-    <script src="../../../js/variant.js?1676326935"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402967" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402967" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402967" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402967" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402967" rel="stylesheet">
+    <link href="../../../css/print.css?1676402967" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1676402967" rel="stylesheet">
+    <link href="../../../css/ie.css?1676402967" rel="stylesheet">
+    <script src="../../../js/url.js?1676402967"></script>
+    <script src="../../../js/variant.js?1676402967"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -80,8 +80,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1676326936" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326936" defer></script>
-    <script src="../../../js/theme.js?1676326936" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402967" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402967" defer></script>
+    <script src="../../../js/theme.js?1676402967" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/29/index.html b/tests/chapters/29/index.html
index 12f62db8b0..17ec6cae34 100644
--- a/tests/chapters/29/index.html
+++ b/tests/chapters/29/index.html
@@ -9,20 +9,20 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>29 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326934" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326934" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326934" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326934" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326934" rel="stylesheet">
-    <link href="../../../css/print.css?1676326934" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1676326934" rel="stylesheet">
-    <script src="../../../js/url.js?1676326934"></script>
-    <script src="../../../js/variant.js?1676326934"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402965" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402965" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402965" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402965" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402965" rel="stylesheet">
+    <link href="../../../css/print.css?1676402965" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1676402965" rel="stylesheet">
+    <script src="../../../js/url.js?1676402965"></script>
+    <script src="../../../js/variant.js?1676402965"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -111,12 +111,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -124,33 +124,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -173,12 +173,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1676326935" defer></script>
-        <script src="../../../js/search.js?1676326935" defer></script>
+        <script src="../../../js/auto-complete.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1676402966" defer></script>
+        <script src="../../../js/search.js?1676402966" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -317,14 +317,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -334,12 +334,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1676326935"></script>
+          <script async src="../../../js/buttons.js?1676402966"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1676326935" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326935" defer></script>
-    <script src="../../../js/theme.js?1676326935" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402966" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402966" defer></script>
+    <script src="../../../js/theme.js?1676402966" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/29/index.print.html b/tests/chapters/29/index.print.html
index f8524086a3..35b6f63891 100644
--- a/tests/chapters/29/index.print.html
+++ b/tests/chapters/29/index.print.html
@@ -9,21 +9,21 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>29 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326935" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326935" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326935" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326935" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326935" rel="stylesheet">
-    <link href="../../../css/print.css?1676326935" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1676326935" rel="stylesheet">
-    <link href="../../../css/ie.css?1676326935" rel="stylesheet">
-    <script src="../../../js/url.js?1676326935"></script>
-    <script src="../../../js/variant.js?1676326935"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402967" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402967" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402967" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402967" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402967" rel="stylesheet">
+    <link href="../../../css/print.css?1676402967" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1676402967" rel="stylesheet">
+    <link href="../../../css/ie.css?1676402967" rel="stylesheet">
+    <script src="../../../js/url.js?1676402967"></script>
+    <script src="../../../js/variant.js?1676402967"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -80,8 +80,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1676326936" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326936" defer></script>
-    <script src="../../../js/theme.js?1676326936" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402967" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402967" defer></script>
+    <script src="../../../js/theme.js?1676402967" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/3/index.html b/tests/chapters/3/index.html
index fdd1fa1e69..fee3256348 100644
--- a/tests/chapters/3/index.html
+++ b/tests/chapters/3/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/3/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/3/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/3/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326934" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326934" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326934" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326934" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326934" rel="stylesheet">
-    <link href="../../../css/print.css?1676326934" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1676326934" rel="stylesheet">
-    <script src="../../../js/url.js?1676326934"></script>
-    <script src="../../../js/variant.js?1676326934"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402965" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402965" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402965" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402965" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402965" rel="stylesheet">
+    <link href="../../../css/print.css?1676402965" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1676402965" rel="stylesheet">
+    <script src="../../../js/url.js?1676402965"></script>
+    <script src="../../../js/variant.js?1676402965"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -114,12 +114,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -127,33 +127,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -176,12 +176,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1676326935" defer></script>
-        <script src="../../../js/search.js?1676326935" defer></script>
+        <script src="../../../js/auto-complete.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1676402966" defer></script>
+        <script src="../../../js/search.js?1676402966" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -321,14 +321,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -338,12 +338,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1676326935"></script>
+          <script async src="../../../js/buttons.js?1676402966"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1676326935" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326935" defer></script>
-    <script src="../../../js/theme.js?1676326935" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402966" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402966" defer></script>
+    <script src="../../../js/theme.js?1676402966" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/3/index.print.html b/tests/chapters/3/index.print.html
index 9958acfa61..ea749e28d6 100644
--- a/tests/chapters/3/index.print.html
+++ b/tests/chapters/3/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/3/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/3/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/3/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326935" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326935" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326935" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326935" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326935" rel="stylesheet">
-    <link href="../../../css/print.css?1676326935" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1676326935" rel="stylesheet">
-    <link href="../../../css/ie.css?1676326935" rel="stylesheet">
-    <script src="../../../js/url.js?1676326935"></script>
-    <script src="../../../js/variant.js?1676326935"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402967" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402967" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402967" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402967" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402967" rel="stylesheet">
+    <link href="../../../css/print.css?1676402967" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1676402967" rel="stylesheet">
+    <link href="../../../css/ie.css?1676402967" rel="stylesheet">
+    <script src="../../../js/url.js?1676402967"></script>
+    <script src="../../../js/variant.js?1676402967"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -83,8 +83,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1676326936" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326936" defer></script>
-    <script src="../../../js/theme.js?1676326936" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402967" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402967" defer></script>
+    <script src="../../../js/theme.js?1676402967" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/30/index.html b/tests/chapters/30/index.html
index 43759831ce..14fb7e2259 100644
--- a/tests/chapters/30/index.html
+++ b/tests/chapters/30/index.html
@@ -9,20 +9,20 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>30 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326934" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326934" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326934" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326934" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326934" rel="stylesheet">
-    <link href="../../../css/print.css?1676326934" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1676326934" rel="stylesheet">
-    <script src="../../../js/url.js?1676326934"></script>
-    <script src="../../../js/variant.js?1676326934"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402965" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402965" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402965" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402965" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402965" rel="stylesheet">
+    <link href="../../../css/print.css?1676402965" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1676402965" rel="stylesheet">
+    <script src="../../../js/url.js?1676402965"></script>
+    <script src="../../../js/variant.js?1676402965"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -111,12 +111,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -124,33 +124,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -173,12 +173,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1676326935" defer></script>
-        <script src="../../../js/search.js?1676326935" defer></script>
+        <script src="../../../js/auto-complete.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1676402966" defer></script>
+        <script src="../../../js/search.js?1676402966" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -317,14 +317,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -334,12 +334,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1676326935"></script>
+          <script async src="../../../js/buttons.js?1676402966"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1676326935" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326935" defer></script>
-    <script src="../../../js/theme.js?1676326935" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402966" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402966" defer></script>
+    <script src="../../../js/theme.js?1676402966" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/30/index.print.html b/tests/chapters/30/index.print.html
index b561cadaf7..1369ffb5bf 100644
--- a/tests/chapters/30/index.print.html
+++ b/tests/chapters/30/index.print.html
@@ -9,21 +9,21 @@
     <meta name="description" content="Documentation for Hugo Relearn Theme">
     <meta name="author" content="Sören Weber">
     <title>30 :: Hugo Relearn Theme</title>
-    <link href="../../../images/logo.svg?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326935" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326935" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326935" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326935" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326935" rel="stylesheet">
-    <link href="../../../css/print.css?1676326935" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1676326935" rel="stylesheet">
-    <link href="../../../css/ie.css?1676326935" rel="stylesheet">
-    <script src="../../../js/url.js?1676326935"></script>
-    <script src="../../../js/variant.js?1676326935"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402967" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402967" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402967" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402967" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402967" rel="stylesheet">
+    <link href="../../../css/print.css?1676402967" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1676402967" rel="stylesheet">
+    <link href="../../../css/ie.css?1676402967" rel="stylesheet">
+    <script src="../../../js/url.js?1676402967"></script>
+    <script src="../../../js/variant.js?1676402967"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -80,8 +80,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1676326936" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326936" defer></script>
-    <script src="../../../js/theme.js?1676326936" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402967" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402967" defer></script>
+    <script src="../../../js/theme.js?1676402967" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/4/index.html b/tests/chapters/4/index.html
index 97013ad1d0..9eab48ed34 100644
--- a/tests/chapters/4/index.html
+++ b/tests/chapters/4/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/4/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/4/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/4/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326934" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326934" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326934" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326934" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326934" rel="stylesheet">
-    <link href="../../../css/print.css?1676326934" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1676326934" rel="stylesheet">
-    <script src="../../../js/url.js?1676326934"></script>
-    <script src="../../../js/variant.js?1676326934"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402965" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402965" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402965" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402965" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402965" rel="stylesheet">
+    <link href="../../../css/print.css?1676402965" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1676402965" rel="stylesheet">
+    <script src="../../../js/url.js?1676402965"></script>
+    <script src="../../../js/variant.js?1676402965"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -114,12 +114,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -127,33 +127,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -176,12 +176,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1676326935" defer></script>
-        <script src="../../../js/search.js?1676326935" defer></script>
+        <script src="../../../js/auto-complete.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1676402966" defer></script>
+        <script src="../../../js/search.js?1676402966" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -321,14 +321,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -338,12 +338,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1676326935"></script>
+          <script async src="../../../js/buttons.js?1676402966"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1676326935" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326935" defer></script>
-    <script src="../../../js/theme.js?1676326935" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402966" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402966" defer></script>
+    <script src="../../../js/theme.js?1676402966" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/4/index.print.html b/tests/chapters/4/index.print.html
index d2c6ed0705..fdc6bb4af1 100644
--- a/tests/chapters/4/index.print.html
+++ b/tests/chapters/4/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/4/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/4/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/4/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326935" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326935" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326935" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326935" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326935" rel="stylesheet">
-    <link href="../../../css/print.css?1676326935" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1676326935" rel="stylesheet">
-    <link href="../../../css/ie.css?1676326935" rel="stylesheet">
-    <script src="../../../js/url.js?1676326935"></script>
-    <script src="../../../js/variant.js?1676326935"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402967" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402967" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402967" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402967" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402967" rel="stylesheet">
+    <link href="../../../css/print.css?1676402967" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1676402967" rel="stylesheet">
+    <link href="../../../css/ie.css?1676402967" rel="stylesheet">
+    <script src="../../../js/url.js?1676402967"></script>
+    <script src="../../../js/variant.js?1676402967"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -83,8 +83,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1676326936" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326936" defer></script>
-    <script src="../../../js/theme.js?1676326936" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402967" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402967" defer></script>
+    <script src="../../../js/theme.js?1676402967" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/5/index.html b/tests/chapters/5/index.html
index 9cf5fc87f7..053c5d984d 100644
--- a/tests/chapters/5/index.html
+++ b/tests/chapters/5/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/5/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/5/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/5/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326934" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326934" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326934" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326934" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326934" rel="stylesheet">
-    <link href="../../../css/print.css?1676326934" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1676326934" rel="stylesheet">
-    <script src="../../../js/url.js?1676326934"></script>
-    <script src="../../../js/variant.js?1676326934"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402965" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402965" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402965" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402965" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402965" rel="stylesheet">
+    <link href="../../../css/print.css?1676402965" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1676402965" rel="stylesheet">
+    <script src="../../../js/url.js?1676402965"></script>
+    <script src="../../../js/variant.js?1676402965"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -114,12 +114,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -127,33 +127,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -176,12 +176,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1676326935" defer></script>
-        <script src="../../../js/search.js?1676326935" defer></script>
+        <script src="../../../js/auto-complete.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1676402966" defer></script>
+        <script src="../../../js/search.js?1676402966" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -321,14 +321,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -338,12 +338,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1676326935"></script>
+          <script async src="../../../js/buttons.js?1676402966"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1676326935" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326935" defer></script>
-    <script src="../../../js/theme.js?1676326935" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402966" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402966" defer></script>
+    <script src="../../../js/theme.js?1676402966" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/5/index.print.html b/tests/chapters/5/index.print.html
index e64b8326b0..9fe25650fd 100644
--- a/tests/chapters/5/index.print.html
+++ b/tests/chapters/5/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/5/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/5/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/5/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326935" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326935" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326935" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326935" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326935" rel="stylesheet">
-    <link href="../../../css/print.css?1676326935" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1676326935" rel="stylesheet">
-    <link href="../../../css/ie.css?1676326935" rel="stylesheet">
-    <script src="../../../js/url.js?1676326935"></script>
-    <script src="../../../js/variant.js?1676326935"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402967" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402967" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402967" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402967" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402967" rel="stylesheet">
+    <link href="../../../css/print.css?1676402967" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1676402967" rel="stylesheet">
+    <link href="../../../css/ie.css?1676402967" rel="stylesheet">
+    <script src="../../../js/url.js?1676402967"></script>
+    <script src="../../../js/variant.js?1676402967"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -83,8 +83,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1676326936" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326936" defer></script>
-    <script src="../../../js/theme.js?1676326936" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402967" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402967" defer></script>
+    <script src="../../../js/theme.js?1676402967" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/6/index.html b/tests/chapters/6/index.html
index cbf3f02ed9..f373a0fca9 100644
--- a/tests/chapters/6/index.html
+++ b/tests/chapters/6/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/6/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/6/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/6/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326934" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326934" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326934" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326934" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326934" rel="stylesheet">
-    <link href="../../../css/print.css?1676326934" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1676326934" rel="stylesheet">
-    <script src="../../../js/url.js?1676326934"></script>
-    <script src="../../../js/variant.js?1676326934"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402965" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402965" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402965" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402965" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402965" rel="stylesheet">
+    <link href="../../../css/print.css?1676402965" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1676402965" rel="stylesheet">
+    <script src="../../../js/url.js?1676402965"></script>
+    <script src="../../../js/variant.js?1676402965"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -114,12 +114,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -127,33 +127,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -176,12 +176,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1676326935" defer></script>
-        <script src="../../../js/search.js?1676326935" defer></script>
+        <script src="../../../js/auto-complete.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1676402966" defer></script>
+        <script src="../../../js/search.js?1676402966" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -321,14 +321,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -338,12 +338,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1676326935"></script>
+          <script async src="../../../js/buttons.js?1676402966"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1676326935" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326935" defer></script>
-    <script src="../../../js/theme.js?1676326935" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402966" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402966" defer></script>
+    <script src="../../../js/theme.js?1676402966" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/6/index.print.html b/tests/chapters/6/index.print.html
index cef9ce8347..9f8539199c 100644
--- a/tests/chapters/6/index.print.html
+++ b/tests/chapters/6/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/6/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/6/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/6/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326935" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326935" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326935" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326935" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326935" rel="stylesheet">
-    <link href="../../../css/print.css?1676326935" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1676326935" rel="stylesheet">
-    <link href="../../../css/ie.css?1676326935" rel="stylesheet">
-    <script src="../../../js/url.js?1676326935"></script>
-    <script src="../../../js/variant.js?1676326935"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402967" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402967" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402967" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402967" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402967" rel="stylesheet">
+    <link href="../../../css/print.css?1676402967" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1676402967" rel="stylesheet">
+    <link href="../../../css/ie.css?1676402967" rel="stylesheet">
+    <script src="../../../js/url.js?1676402967"></script>
+    <script src="../../../js/variant.js?1676402967"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -83,8 +83,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1676326936" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326936" defer></script>
-    <script src="../../../js/theme.js?1676326936" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402967" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402967" defer></script>
+    <script src="../../../js/theme.js?1676402967" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/7/index.html b/tests/chapters/7/index.html
index 430ae322c8..8700c9d66a 100644
--- a/tests/chapters/7/index.html
+++ b/tests/chapters/7/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/7/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/7/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/7/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326934" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326934" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326934" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326934" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326934" rel="stylesheet">
-    <link href="../../../css/print.css?1676326934" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1676326934" rel="stylesheet">
-    <script src="../../../js/url.js?1676326934"></script>
-    <script src="../../../js/variant.js?1676326934"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402965" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402965" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402965" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402965" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402965" rel="stylesheet">
+    <link href="../../../css/print.css?1676402965" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1676402965" rel="stylesheet">
+    <script src="../../../js/url.js?1676402965"></script>
+    <script src="../../../js/variant.js?1676402965"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -114,12 +114,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -127,33 +127,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -176,12 +176,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1676326935" defer></script>
-        <script src="../../../js/search.js?1676326935" defer></script>
+        <script src="../../../js/auto-complete.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1676402966" defer></script>
+        <script src="../../../js/search.js?1676402966" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -321,14 +321,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -338,12 +338,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1676326935"></script>
+          <script async src="../../../js/buttons.js?1676402966"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1676326935" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326935" defer></script>
-    <script src="../../../js/theme.js?1676326935" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402966" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402966" defer></script>
+    <script src="../../../js/theme.js?1676402966" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/7/index.print.html b/tests/chapters/7/index.print.html
index 63c9fdea97..b861fc39db 100644
--- a/tests/chapters/7/index.print.html
+++ b/tests/chapters/7/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/7/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/7/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/7/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326935" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326935" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326935" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326935" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326935" rel="stylesheet">
-    <link href="../../../css/print.css?1676326935" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1676326935" rel="stylesheet">
-    <link href="../../../css/ie.css?1676326935" rel="stylesheet">
-    <script src="../../../js/url.js?1676326935"></script>
-    <script src="../../../js/variant.js?1676326935"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402967" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402967" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402967" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402967" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402967" rel="stylesheet">
+    <link href="../../../css/print.css?1676402967" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1676402967" rel="stylesheet">
+    <link href="../../../css/ie.css?1676402967" rel="stylesheet">
+    <script src="../../../js/url.js?1676402967"></script>
+    <script src="../../../js/variant.js?1676402967"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -83,8 +83,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1676326936" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326936" defer></script>
-    <script src="../../../js/theme.js?1676326936" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402967" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402967" defer></script>
+    <script src="../../../js/theme.js?1676402967" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/8/index.html b/tests/chapters/8/index.html
index a28ef242d8..a04e397330 100644
--- a/tests/chapters/8/index.html
+++ b/tests/chapters/8/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/8/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/8/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/8/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326934" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326934" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326934" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326934" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326934" rel="stylesheet">
-    <link href="../../../css/print.css?1676326934" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1676326934" rel="stylesheet">
-    <script src="../../../js/url.js?1676326934"></script>
-    <script src="../../../js/variant.js?1676326934"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402965" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402965" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402965" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402965" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402965" rel="stylesheet">
+    <link href="../../../css/print.css?1676402965" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1676402965" rel="stylesheet">
+    <script src="../../../js/url.js?1676402965"></script>
+    <script src="../../../js/variant.js?1676402965"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -114,12 +114,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -127,33 +127,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -176,12 +176,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1676326935" defer></script>
-        <script src="../../../js/search.js?1676326935" defer></script>
+        <script src="../../../js/auto-complete.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1676402966" defer></script>
+        <script src="../../../js/search.js?1676402966" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -321,14 +321,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -338,12 +338,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1676326935"></script>
+          <script async src="../../../js/buttons.js?1676402966"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1676326935" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326935" defer></script>
-    <script src="../../../js/theme.js?1676326935" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402966" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402966" defer></script>
+    <script src="../../../js/theme.js?1676402966" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/8/index.print.html b/tests/chapters/8/index.print.html
index b8679bc15c..7709a8374a 100644
--- a/tests/chapters/8/index.print.html
+++ b/tests/chapters/8/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/8/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/8/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/8/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326935" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326935" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326935" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326935" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326935" rel="stylesheet">
-    <link href="../../../css/print.css?1676326935" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1676326935" rel="stylesheet">
-    <link href="../../../css/ie.css?1676326935" rel="stylesheet">
-    <script src="../../../js/url.js?1676326935"></script>
-    <script src="../../../js/variant.js?1676326935"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402967" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402967" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402967" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402967" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402967" rel="stylesheet">
+    <link href="../../../css/print.css?1676402967" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1676402967" rel="stylesheet">
+    <link href="../../../css/ie.css?1676402967" rel="stylesheet">
+    <script src="../../../js/url.js?1676402967"></script>
+    <script src="../../../js/variant.js?1676402967"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -83,8 +83,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1676326936" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326936" defer></script>
-    <script src="../../../js/theme.js?1676326936" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402967" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402967" defer></script>
+    <script src="../../../js/theme.js?1676402967" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/9/index.html b/tests/chapters/9/index.html
index 457d6c86ad..31ae732902 100644
--- a/tests/chapters/9/index.html
+++ b/tests/chapters/9/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/9/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/9/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/9/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326934" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326934" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326934" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326934" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326934" rel="stylesheet">
-    <link href="../../../css/print.css?1676326934" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1676326934" rel="stylesheet">
-    <script src="../../../js/url.js?1676326934"></script>
-    <script src="../../../js/variant.js?1676326934"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402965" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402965" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402965" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402965" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402965" rel="stylesheet">
+    <link href="../../../css/print.css?1676402965" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1676402965" rel="stylesheet">
+    <script src="../../../js/url.js?1676402965"></script>
+    <script src="../../../js/variant.js?1676402965"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -114,12 +114,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -127,33 +127,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -176,12 +176,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1676326935" defer></script>
-        <script src="../../../js/search.js?1676326935" defer></script>
+        <script src="../../../js/auto-complete.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1676402966" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1676402966" defer></script>
+        <script src="../../../js/search.js?1676402966" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -321,14 +321,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -338,12 +338,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1676326935"></script>
+          <script async src="../../../js/buttons.js?1676402966"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1676326935" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326935" defer></script>
-    <script src="../../../js/theme.js?1676326935" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402966" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402966" defer></script>
+    <script src="../../../js/theme.js?1676402966" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/9/index.print.html b/tests/chapters/9/index.print.html
index f0841b19e9..fbc7dd28d2 100644
--- a/tests/chapters/9/index.print.html
+++ b/tests/chapters/9/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/9/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/9/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/9/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326935" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326935" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326935" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326935" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326935" rel="stylesheet">
-    <link href="../../../css/print.css?1676326935" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1676326935" rel="stylesheet">
-    <link href="../../../css/ie.css?1676326935" rel="stylesheet">
-    <script src="../../../js/url.js?1676326935"></script>
-    <script src="../../../js/variant.js?1676326935"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402967" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402967" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402967" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402967" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402967" rel="stylesheet">
+    <link href="../../../css/print.css?1676402967" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1676402967" rel="stylesheet">
+    <link href="../../../css/ie.css?1676402967" rel="stylesheet">
+    <script src="../../../js/url.js?1676402967"></script>
+    <script src="../../../js/variant.js?1676402967"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -83,8 +83,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1676326936" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326936" defer></script>
-    <script src="../../../js/theme.js?1676326936" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402967" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402967" defer></script>
+    <script src="../../../js/theme.js?1676402967" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/children-1/index.html b/tests/chapters/children-1/index.html
index e5c3e0ba41..b1e8ca6288 100644
--- a/tests/chapters/children-1/index.html
+++ b/tests/chapters/children-1/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/children-1/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/children-1/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/children-1/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326934" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326934" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326934" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326934" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326934" rel="stylesheet">
-    <link href="../../../css/print.css?1676326934" rel="stylesheet" media="print">
-    <link href="../../../css/ie.css?1676326934" rel="stylesheet">
-    <script src="../../../js/url.js?1676326934"></script>
-    <script src="../../../js/variant.js?1676326934"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402965" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402965" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402965" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402965" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402965" rel="stylesheet">
+    <link href="../../../css/print.css?1676402965" rel="stylesheet" media="print">
+    <link href="../../../css/ie.css?1676402965" rel="stylesheet">
+    <script src="../../../js/url.js?1676402965"></script>
+    <script src="../../../js/variant.js?1676402965"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -115,12 +115,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -128,33 +128,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -177,12 +177,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../../js/auto-complete.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.min.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.multi.min.js?1676326935" defer></script>
-        <script src="../../../js/lunr/lunr.en.min.js?1676326935" defer></script>
-        <script src="../../../js/search.js?1676326935" defer></script>
+        <script src="../../../js/auto-complete.js?1676402967" defer></script>
+        <script src="../../../js/lunr/lunr.min.js?1676402967" defer></script>
+        <script src="../../../js/lunr/lunr.stemmer.support.min.js?1676402967" defer></script>
+        <script src="../../../js/lunr/lunr.multi.min.js?1676402967" defer></script>
+        <script src="../../../js/lunr/lunr.en.min.js?1676402967" defer></script>
+        <script src="../../../js/search.js?1676402967" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -323,14 +323,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -340,12 +340,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../../js/buttons.js?1676326935"></script>
+          <script async src="../../../js/buttons.js?1676402967"></script>
         </div>
       </div>
     </aside>
-    <script src="../../../js/clipboard.min.js?1676326935" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326935" defer></script>
-    <script src="../../../js/theme.js?1676326935" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402967" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402967" defer></script>
+    <script src="../../../js/theme.js?1676402967" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/children-1/index.print.html b/tests/chapters/children-1/index.print.html
index 6526d2fcd0..1dd5801da3 100644
--- a/tests/chapters/children-1/index.print.html
+++ b/tests/chapters/children-1/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/children-1/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/children-1/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/children-1/index.html" rel="alternate" hreflang="pir">
-    <link href="../../../images/logo.svg?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../../css/fontawesome-all.min.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../css/nucleus.css?1676326935" rel="stylesheet">
-    <link href="../../../css/auto-complete.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../css/perfect-scrollbar.min.css?1676326935" rel="stylesheet">
-    <link href="../../../css/fonts.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../../css/theme.css?1676326935" rel="stylesheet">
-    <link href="../../../css/theme-auto.css?1676326935" rel="stylesheet" id="variant-style">
-    <link href="../../../css/variant.css?1676326935" rel="stylesheet">
-    <link href="../../../css/print.css?1676326935" rel="stylesheet" media="print">
-    <link href="../../../css/format-print.css?1676326935" rel="stylesheet">
-    <link href="../../../css/ie.css?1676326935" rel="stylesheet">
-    <script src="../../../js/url.js?1676326935"></script>
-    <script src="../../../js/variant.js?1676326935"></script>
+    <link href="../../../css/fontawesome-all.min.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fontawesome-all.min.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../css/nucleus.css?1676402967" rel="stylesheet">
+    <link href="../../../css/auto-complete.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/auto-complete.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../css/perfect-scrollbar.min.css?1676402967" rel="stylesheet">
+    <link href="../../../css/fonts.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../../css/fonts.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../../css/theme.css?1676402967" rel="stylesheet">
+    <link href="../../../css/theme-auto.css?1676402967" rel="stylesheet" id="variant-style">
+    <link href="../../../css/variant.css?1676402967" rel="stylesheet">
+    <link href="../../../css/print.css?1676402967" rel="stylesheet" media="print">
+    <link href="../../../css/format-print.css?1676402967" rel="stylesheet">
+    <link href="../../../css/ie.css?1676402967" rel="stylesheet">
+    <script src="../../../js/url.js?1676402967"></script>
+    <script src="../../../js/variant.js?1676402967"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -84,8 +84,8 @@
         </div>
       </main>
     </div>
-    <script src="../../../js/clipboard.min.js?1676326936" defer></script>
-    <script src="../../../js/perfect-scrollbar.min.js?1676326936" defer></script>
-    <script src="../../../js/theme.js?1676326936" defer></script>
+    <script src="../../../js/clipboard.min.js?1676402968" defer></script>
+    <script src="../../../js/perfect-scrollbar.min.js?1676402968" defer></script>
+    <script src="../../../js/theme.js?1676402968" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/index.html b/tests/chapters/index.html
index dabd32cdc4..776063abba 100644
--- a/tests/chapters/index.html
+++ b/tests/chapters/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/index.html" rel="alternate" hreflang="pir">
-    <link href="../../images/logo.svg?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1676326934" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1676326934" rel="stylesheet">
-    <link href="../../css/fonts.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1676326934" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1676326934" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1676326934" rel="stylesheet">
-    <link href="../../css/print.css?1676326934" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1676326934" rel="stylesheet">
-    <script src="../../js/url.js?1676326934"></script>
-    <script src="../../js/variant.js?1676326934"></script>
+    <link href="../../css/fontawesome-all.min.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1676402965" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1676402965" rel="stylesheet">
+    <link href="../../css/fonts.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1676402965" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1676402965" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1676402965" rel="stylesheet">
+    <link href="../../css/print.css?1676402965" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1676402965" rel="stylesheet">
+    <script src="../../js/url.js?1676402965"></script>
+    <script src="../../js/variant.js?1676402965"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -114,12 +114,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -127,33 +127,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -176,12 +176,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1676326935" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1676326935" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1676326935" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1676326935" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1676326935" defer></script>
-        <script src="../../js/search.js?1676326935" defer></script>
+        <script src="../../js/auto-complete.js?1676402967" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1676402967" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1676402967" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1676402967" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1676402967" defer></script>
+        <script src="../../js/search.js?1676402967" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -321,14 +321,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -338,12 +338,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1676326935"></script>
+          <script async src="../../js/buttons.js?1676402967"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1676326935" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1676326935" defer></script>
-    <script src="../../js/theme.js?1676326935" defer></script>
+    <script src="../../js/clipboard.min.js?1676402967" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1676402967" defer></script>
+    <script src="../../js/theme.js?1676402967" defer></script>
   </body>
 </html>
diff --git a/tests/chapters/index.print.html b/tests/chapters/index.print.html
index 4126735f39..c90f0536f4 100644
--- a/tests/chapters/index.print.html
+++ b/tests/chapters/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/chapters/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/chapters/index.html" rel="alternate" hreflang="pir">
-    <link href="../../images/logo.svg?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1676326935" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1676326935" rel="stylesheet">
-    <link href="../../css/fonts.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1676326935" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1676326935" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1676326935" rel="stylesheet">
-    <link href="../../css/print.css?1676326935" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1676326935" rel="stylesheet">
-    <link href="../../css/ie.css?1676326935" rel="stylesheet">
-    <script src="../../js/url.js?1676326935"></script>
-    <script src="../../js/variant.js?1676326935"></script>
+    <link href="../../css/fontawesome-all.min.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1676402967" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1676402967" rel="stylesheet">
+    <link href="../../css/fonts.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1676402967" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1676402967" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1676402967" rel="stylesheet">
+    <link href="../../css/print.css?1676402967" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1676402967" rel="stylesheet">
+    <link href="../../css/ie.css?1676402967" rel="stylesheet">
+    <script src="../../js/url.js?1676402967"></script>
+    <script src="../../js/variant.js?1676402967"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -326,8 +326,8 @@
           </section>        </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1676326936" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1676326936" defer></script>
-    <script src="../../js/theme.js?1676326936" defer></script>
+    <script src="../../js/clipboard.min.js?1676402968" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1676402968" defer></script>
+    <script src="../../js/theme.js?1676402968" defer></script>
   </body>
 </html>
diff --git a/tests/code/index.html b/tests/code/index.html
index 9bf71c2667..733c87f830 100644
--- a/tests/code/index.html
+++ b/tests/code/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/code/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/code/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/code/index.html" rel="alternate" hreflang="pir">
-    <link href="../../images/logo.svg?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1676326934" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1676326934" rel="stylesheet">
-    <link href="../../css/fonts.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1676326934" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1676326934" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1676326934" rel="stylesheet">
-    <link href="../../css/print.css?1676326934" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1676326934" rel="stylesheet">
-    <script src="../../js/url.js?1676326934"></script>
-    <script src="../../js/variant.js?1676326934"></script>
+    <link href="../../css/fontawesome-all.min.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1676402965" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1676402965" rel="stylesheet">
+    <link href="../../css/fonts.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1676402965" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1676402965" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1676402965" rel="stylesheet">
+    <link href="../../css/print.css?1676402965" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1676402965" rel="stylesheet">
+    <script src="../../js/url.js?1676402965"></script>
+    <script src="../../js/variant.js?1676402965"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -151,12 +151,12 @@ Some preformatted stuff in HTML elements
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -164,33 +164,33 @@ Some preformatted stuff in HTML elements
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -213,12 +213,12 @@ Some preformatted stuff in HTML elements
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1676326935" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1676326935" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1676326935" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1676326935" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1676326935" defer></script>
-        <script src="../../js/search.js?1676326935" defer></script>
+        <script src="../../js/auto-complete.js?1676402967" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1676402967" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1676402967" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1676402967" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1676402967" defer></script>
+        <script src="../../js/search.js?1676402967" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -358,14 +358,14 @@ Some preformatted stuff in HTML elements
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -375,12 +375,12 @@ Some preformatted stuff in HTML elements
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1676326935"></script>
+          <script async src="../../js/buttons.js?1676402967"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1676326935" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1676326935" defer></script>
-    <script src="../../js/theme.js?1676326935" defer></script>
+    <script src="../../js/clipboard.min.js?1676402967" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1676402967" defer></script>
+    <script src="../../js/theme.js?1676402967" defer></script>
   </body>
 </html>
diff --git a/tests/code/index.print.html b/tests/code/index.print.html
index aed6935227..cddde5e2c2 100644
--- a/tests/code/index.print.html
+++ b/tests/code/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/code/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/code/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/code/index.html" rel="alternate" hreflang="pir">
-    <link href="../../images/logo.svg?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1676326935" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1676326935" rel="stylesheet">
-    <link href="../../css/fonts.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1676326935" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1676326935" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1676326935" rel="stylesheet">
-    <link href="../../css/print.css?1676326935" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1676326935" rel="stylesheet">
-    <link href="../../css/ie.css?1676326935" rel="stylesheet">
-    <script src="../../js/url.js?1676326935"></script>
-    <script src="../../js/variant.js?1676326935"></script>
+    <link href="../../css/fontawesome-all.min.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1676402967" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1676402967" rel="stylesheet">
+    <link href="../../css/fonts.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1676402967" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1676402967" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1676402967" rel="stylesheet">
+    <link href="../../css/print.css?1676402967" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1676402967" rel="stylesheet">
+    <link href="../../css/ie.css?1676402967" rel="stylesheet">
+    <script src="../../js/url.js?1676402967"></script>
+    <script src="../../js/variant.js?1676402967"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -108,8 +108,8 @@ Some preformatted stuff in HTML elements
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1676326936" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1676326936" defer></script>
-    <script src="../../js/theme.js?1676326936" defer></script>
+    <script src="../../js/clipboard.min.js?1676402968" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1676402968" defer></script>
+    <script src="../../js/theme.js?1676402968" defer></script>
   </body>
 </html>
diff --git a/tests/images/index.html b/tests/images/index.html
index 8ee5afe900..00def00c91 100644
--- a/tests/images/index.html
+++ b/tests/images/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/images/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/images/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/images/index.html" rel="alternate" hreflang="pir">
-    <link href="../../images/logo.svg?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1676326934" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1676326934" rel="stylesheet">
-    <link href="../../css/fonts.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1676326934" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1676326934" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1676326934" rel="stylesheet">
-    <link href="../../css/print.css?1676326934" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1676326934" rel="stylesheet">
-    <script src="../../js/url.js?1676326934"></script>
-    <script src="../../js/variant.js?1676326934"></script>
+    <link href="../../css/fontawesome-all.min.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1676402965" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1676402965" rel="stylesheet">
+    <link href="../../css/fonts.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1676402965" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1676402965" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1676402965" rel="stylesheet">
+    <link href="../../css/print.css?1676402965" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1676402965" rel="stylesheet">
+    <script src="../../js/url.js?1676402965"></script>
+    <script src="../../js/variant.js?1676402965"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -125,63 +125,63 @@
 <h2 id="markdown">Markdown</h2>
 <h3 id="resource-svg">Resource SVG</h3>
 <p>
-<a href="#image-7a2dd1f517920286b26cd2c084d96cf5" class="lightbox-link">
+<a href="#image-1ad9178b257b99b717ad4f115a261125" class="lightbox-link">
 <img src="../../tests/images/test.svg?classes=shadow" alt="Magic" class="shadow" style="height: auto; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-7a2dd1f517920286b26cd2c084d96cf5">
+<a href="javascript:history.back();" class="lightbox" id="image-1ad9178b257b99b717ad4f115a261125">
 <img src="../../tests/images/test.svg?classes=shadow" alt="Magic" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="relative-to-page">Relative to page</h3>
 <p>
-<a href="#image-74d2a68caa04fea7b9002ac4120246fb" class="lightbox-link">
+<a href="#image-46be935af11885d51c6c7ba22b2934e9" class="lightbox-link">
 <img src="../../tests/images/magic.gif?classes=shadow" alt="Magic" class="shadow" style="height: auto; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-74d2a68caa04fea7b9002ac4120246fb">
+<a href="javascript:history.back();" class="lightbox" id="image-46be935af11885d51c6c7ba22b2934e9">
 <img src="../../tests/images/magic.gif?classes=shadow" alt="Magic" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="relative-to-page-up-level">Relative to page up level</h3>
 <p>
 		
-<a href="#image-b0ecfc735c48d52f45aac17b9ae9dbed" class="lightbox-link">
+<a href="#image-451bfe953c8cf882c8a8037e0268339b" class="lightbox-link">
 <img src="../images/magic.gif?classes=shadow&amp;height=50px" alt="Magic" class="shadow" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-b0ecfc735c48d52f45aac17b9ae9dbed">
+<a href="javascript:history.back();" class="lightbox" id="image-451bfe953c8cf882c8a8037e0268339b">
 <img src="../images/magic.gif?classes=shadow&amp;height=50px" alt="Magic" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="static-svg">Static SVG</h3>
 <p>
 		
-<a href="#image-ced2fb6e6dce1e9f1d1e1777c19c10df" class="lightbox-link">
+<a href="#image-90cefb28a76ec118a43aa133ba47d725" class="lightbox-link">
 <img src="../../images/logo.svg?classes=shadow&amp;height=50px" alt="Logo" class="shadow" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-ced2fb6e6dce1e9f1d1e1777c19c10df">
+<a href="javascript:history.back();" class="lightbox" id="image-90cefb28a76ec118a43aa133ba47d725">
 <img src="../../images/logo.svg?classes=shadow&amp;height=50px" alt="Logo" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="external-fully-qualified">External fully qualified</h3>
 <p>
 		
-<a href="#image-766e0199e6de642948f89b082b1f979f" class="lightbox-link">
+<a href="#image-599b15ba5b729136ffa1e72df9d209b3" class="lightbox-link">
 <img src="https://octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion" class="shadow" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-766e0199e6de642948f89b082b1f979f">
+<a href="javascript:history.back();" class="lightbox" id="image-599b15ba5b729136ffa1e72df9d209b3">
 <img src="https://octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="external-without-scheme">External without scheme</h3>
 <p>
 		
-<a href="#image-33972cca6e5e610bff3cc6e557106d1f" class="lightbox-link">
+<a href="#image-74a6c3d713f102ed4410227aa5da18a2" class="lightbox-link">
 <img src="//octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion" class="shadow" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-33972cca6e5e610bff3cc6e557106d1f">
+<a href="javascript:history.back();" class="lightbox" id="image-74a6c3d713f102ed4410227aa5da18a2">
 <img src="//octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="external-without-scheme-and-scheme-separator">External without scheme and scheme separator</h3>
 <p>
 		
-<a href="#image-7bb5a34e8a1378ed2efa3801896ffc31" class="lightbox-link">
+<a href="#image-392af4a7ddf5ebb489e550179c081cdd" class="lightbox-link">
 <img src="octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion" class="shadow" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-7bb5a34e8a1378ed2efa3801896ffc31">
+<a href="javascript:history.back();" class="lightbox" id="image-392af4a7ddf5ebb489e550179c081cdd">
 <img src="octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="html">HTML</h2>
@@ -222,12 +222,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -235,33 +235,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -284,12 +284,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1676326935" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1676326935" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1676326935" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1676326935" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1676326935" defer></script>
-        <script src="../../js/search.js?1676326935" defer></script>
+        <script src="../../js/auto-complete.js?1676402967" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1676402967" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1676402967" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1676402967" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1676402967" defer></script>
+        <script src="../../js/search.js?1676402967" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -429,14 +429,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -446,12 +446,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1676326935"></script>
+          <script async src="../../js/buttons.js?1676402967"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1676326935" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1676326935" defer></script>
-    <script src="../../js/theme.js?1676326935" defer></script>
+    <script src="../../js/clipboard.min.js?1676402967" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1676402967" defer></script>
+    <script src="../../js/theme.js?1676402967" defer></script>
   </body>
 </html>
diff --git a/tests/images/index.print.html b/tests/images/index.print.html
index cf39efdbcf..7719cc78e5 100644
--- a/tests/images/index.print.html
+++ b/tests/images/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/images/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/images/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/images/index.html" rel="alternate" hreflang="pir">
-    <link href="../../images/logo.svg?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1676326935" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1676326935" rel="stylesheet">
-    <link href="../../css/fonts.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1676326935" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1676326935" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1676326935" rel="stylesheet">
-    <link href="../../css/print.css?1676326935" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1676326935" rel="stylesheet">
-    <link href="../../css/ie.css?1676326935" rel="stylesheet">
-    <script src="../../js/url.js?1676326935"></script>
-    <script src="../../js/variant.js?1676326935"></script>
+    <link href="../../css/fontawesome-all.min.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1676402967" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1676402967" rel="stylesheet">
+    <link href="../../css/fonts.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1676402967" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1676402967" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1676402967" rel="stylesheet">
+    <link href="../../css/print.css?1676402967" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1676402967" rel="stylesheet">
+    <link href="../../css/ie.css?1676402967" rel="stylesheet">
+    <script src="../../js/url.js?1676402967"></script>
+    <script src="../../js/variant.js?1676402967"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -79,63 +79,63 @@
 <h2 id="markdown">Markdown</h2>
 <h3 id="resource-svg">Resource SVG</h3>
 <p>
-<a href="#image-7a2dd1f517920286b26cd2c084d96cf5" class="lightbox-link">
+<a href="#image-1ad9178b257b99b717ad4f115a261125" class="lightbox-link">
 <img src="../../tests/images/test.svg?classes=shadow" alt="Magic" class="shadow" style="height: auto; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-7a2dd1f517920286b26cd2c084d96cf5">
+<a href="javascript:history.back();" class="lightbox" id="image-1ad9178b257b99b717ad4f115a261125">
 <img src="../../tests/images/test.svg?classes=shadow" alt="Magic" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="relative-to-page">Relative to page</h3>
 <p>
-<a href="#image-74d2a68caa04fea7b9002ac4120246fb" class="lightbox-link">
+<a href="#image-46be935af11885d51c6c7ba22b2934e9" class="lightbox-link">
 <img src="../../tests/images/magic.gif?classes=shadow" alt="Magic" class="shadow" style="height: auto; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-74d2a68caa04fea7b9002ac4120246fb">
+<a href="javascript:history.back();" class="lightbox" id="image-46be935af11885d51c6c7ba22b2934e9">
 <img src="../../tests/images/magic.gif?classes=shadow" alt="Magic" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="relative-to-page-up-level">Relative to page up level</h3>
 <p>
 		
-<a href="#image-b0ecfc735c48d52f45aac17b9ae9dbed" class="lightbox-link">
+<a href="#image-451bfe953c8cf882c8a8037e0268339b" class="lightbox-link">
 <img src="../../tests/images/../images/magic.gif?classes=shadow&amp;height=50px" alt="Magic" class="shadow" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-b0ecfc735c48d52f45aac17b9ae9dbed">
+<a href="javascript:history.back();" class="lightbox" id="image-451bfe953c8cf882c8a8037e0268339b">
 <img src="../../tests/images/../images/magic.gif?classes=shadow&amp;height=50px" alt="Magic" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="static-svg">Static SVG</h3>
 <p>
 		
-<a href="#image-ced2fb6e6dce1e9f1d1e1777c19c10df" class="lightbox-link">
+<a href="#image-90cefb28a76ec118a43aa133ba47d725" class="lightbox-link">
 <img src="../../images/logo.svg?classes=shadow&amp;height=50px" alt="Logo" class="shadow" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-ced2fb6e6dce1e9f1d1e1777c19c10df">
+<a href="javascript:history.back();" class="lightbox" id="image-90cefb28a76ec118a43aa133ba47d725">
 <img src="../../images/logo.svg?classes=shadow&amp;height=50px" alt="Logo" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="external-fully-qualified">External fully qualified</h3>
 <p>
 		
-<a href="#image-766e0199e6de642948f89b082b1f979f" class="lightbox-link">
+<a href="#image-599b15ba5b729136ffa1e72df9d209b3" class="lightbox-link">
 <img src="https://octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion" class="shadow" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-766e0199e6de642948f89b082b1f979f">
+<a href="javascript:history.back();" class="lightbox" id="image-599b15ba5b729136ffa1e72df9d209b3">
 <img src="https://octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="external-without-scheme">External without scheme</h3>
 <p>
 		
-<a href="#image-33972cca6e5e610bff3cc6e557106d1f" class="lightbox-link">
+<a href="#image-74a6c3d713f102ed4410227aa5da18a2" class="lightbox-link">
 <img src="//octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion" class="shadow" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-33972cca6e5e610bff3cc6e557106d1f">
+<a href="javascript:history.back();" class="lightbox" id="image-74a6c3d713f102ed4410227aa5da18a2">
 <img src="//octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="external-without-scheme-and-scheme-separator">External without scheme and scheme separator</h3>
 <p>
 		
-<a href="#image-7bb5a34e8a1378ed2efa3801896ffc31" class="lightbox-link">
+<a href="#image-392af4a7ddf5ebb489e550179c081cdd" class="lightbox-link">
 <img src="../../tests/images/octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion" class="shadow" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-7bb5a34e8a1378ed2efa3801896ffc31">
+<a href="javascript:history.back();" class="lightbox" id="image-392af4a7ddf5ebb489e550179c081cdd">
 <img src="../../tests/images/octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="html">HTML</h2>
@@ -160,8 +160,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1676326936" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1676326936" defer></script>
-    <script src="../../js/theme.js?1676326936" defer></script>
+    <script src="../../js/clipboard.min.js?1676402968" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1676402968" defer></script>
+    <script src="../../js/theme.js?1676402968" defer></script>
   </body>
 </html>
diff --git a/tests/index.html b/tests/index.html
index f77aa2a231..9f13ed642e 100644
--- a/tests/index.html
+++ b/tests/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/index.html" rel="alternate" hreflang="pir">
-    <link href="../images/logo.svg?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1676326934" rel="stylesheet">
-    <link href="../css/auto-complete.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1676326934" rel="stylesheet">
-    <link href="../css/fonts.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1676326934" rel="stylesheet">
-    <link href="../css/theme-auto.css?1676326934" rel="stylesheet" id="variant-style">
-    <link href="../css/variant.css?1676326934" rel="stylesheet">
-    <link href="../css/print.css?1676326934" rel="stylesheet" media="print">
-    <link href="../css/ie.css?1676326934" rel="stylesheet">
-    <script src="../js/url.js?1676326934"></script>
-    <script src="../js/variant.js?1676326934"></script>
+    <link href="../css/fontawesome-all.min.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1676402965" rel="stylesheet">
+    <link href="../css/auto-complete.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1676402965" rel="stylesheet">
+    <link href="../css/fonts.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1676402965" rel="stylesheet">
+    <link href="../css/theme-auto.css?1676402965" rel="stylesheet" id="variant-style">
+    <link href="../css/variant.css?1676402965" rel="stylesheet">
+    <link href="../css/print.css?1676402965" rel="stylesheet" media="print">
+    <link href="../css/ie.css?1676402965" rel="stylesheet">
+    <script src="../js/url.js?1676402965"></script>
+    <script src="../js/variant.js?1676402965"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -124,12 +124,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -137,33 +137,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -186,12 +186,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../js/auto-complete.js?1676326935" defer></script>
-        <script src="../js/lunr/lunr.min.js?1676326935" defer></script>
-        <script src="../js/lunr/lunr.stemmer.support.min.js?1676326935" defer></script>
-        <script src="../js/lunr/lunr.multi.min.js?1676326935" defer></script>
-        <script src="../js/lunr/lunr.en.min.js?1676326935" defer></script>
-        <script src="../js/search.js?1676326935" defer></script>
+        <script src="../js/auto-complete.js?1676402967" defer></script>
+        <script src="../js/lunr/lunr.min.js?1676402967" defer></script>
+        <script src="../js/lunr/lunr.stemmer.support.min.js?1676402967" defer></script>
+        <script src="../js/lunr/lunr.multi.min.js?1676402967" defer></script>
+        <script src="../js/lunr/lunr.en.min.js?1676402967" defer></script>
+        <script src="../js/search.js?1676402967" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -331,14 +331,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -348,12 +348,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../js/buttons.js?1676326935"></script>
+          <script async src="../js/buttons.js?1676402967"></script>
         </div>
       </div>
     </aside>
-    <script src="../js/clipboard.min.js?1676326935" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1676326935" defer></script>
-    <script src="../js/theme.js?1676326935" defer></script>
+    <script src="../js/clipboard.min.js?1676402967" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1676402967" defer></script>
+    <script src="../js/theme.js?1676402967" defer></script>
   </body>
 </html>
diff --git a/tests/index.print.html b/tests/index.print.html
index 510bb05295..1a922612f0 100644
--- a/tests/index.print.html
+++ b/tests/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/index.html" rel="alternate" hreflang="pir">
-    <link href="../images/logo.svg?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../css/fontawesome-all.min.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../css/nucleus.css?1676326935" rel="stylesheet">
-    <link href="../css/auto-complete.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../css/perfect-scrollbar.min.css?1676326935" rel="stylesheet">
-    <link href="../css/fonts.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../css/theme.css?1676326935" rel="stylesheet">
-    <link href="../css/theme-auto.css?1676326935" rel="stylesheet" id="variant-style">
-    <link href="../css/variant.css?1676326935" rel="stylesheet">
-    <link href="../css/print.css?1676326935" rel="stylesheet" media="print">
-    <link href="../css/format-print.css?1676326935" rel="stylesheet">
-    <link href="../css/ie.css?1676326935" rel="stylesheet">
-    <script src="../js/url.js?1676326935"></script>
-    <script src="../js/variant.js?1676326935"></script>
+    <link href="../css/fontawesome-all.min.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../css/nucleus.css?1676402967" rel="stylesheet">
+    <link href="../css/auto-complete.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../css/perfect-scrollbar.min.css?1676402967" rel="stylesheet">
+    <link href="../css/fonts.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../css/theme.css?1676402967" rel="stylesheet">
+    <link href="../css/theme-auto.css?1676402967" rel="stylesheet" id="variant-style">
+    <link href="../css/variant.css?1676402967" rel="stylesheet">
+    <link href="../css/print.css?1676402967" rel="stylesheet" media="print">
+    <link href="../css/format-print.css?1676402967" rel="stylesheet">
+    <link href="../css/ie.css?1676402967" rel="stylesheet">
+    <script src="../js/url.js?1676402967"></script>
+    <script src="../js/variant.js?1676402967"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -450,63 +450,63 @@ Some preformatted stuff in HTML elements
 <h2 id="markdown">Markdown</h2>
 <h3 id="resource-svg">Resource SVG</h3>
 <p>
-<a href="#image-7a2dd1f517920286b26cd2c084d96cf5" class="lightbox-link">
+<a href="#image-1ad9178b257b99b717ad4f115a261125" class="lightbox-link">
 <img src="../tests/images/test.svg?classes=shadow" alt="Magic" class="shadow" style="height: auto; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-7a2dd1f517920286b26cd2c084d96cf5">
+<a href="javascript:history.back();" class="lightbox" id="image-1ad9178b257b99b717ad4f115a261125">
 <img src="../tests/images/test.svg?classes=shadow" alt="Magic" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="relative-to-page">Relative to page</h3>
 <p>
-<a href="#image-74d2a68caa04fea7b9002ac4120246fb" class="lightbox-link">
+<a href="#image-46be935af11885d51c6c7ba22b2934e9" class="lightbox-link">
 <img src="../tests/images/magic.gif?classes=shadow" alt="Magic" class="shadow" style="height: auto; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-74d2a68caa04fea7b9002ac4120246fb">
+<a href="javascript:history.back();" class="lightbox" id="image-46be935af11885d51c6c7ba22b2934e9">
 <img src="../tests/images/magic.gif?classes=shadow" alt="Magic" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="relative-to-page-up-level">Relative to page up level</h3>
 <p>
 		
-<a href="#image-b0ecfc735c48d52f45aac17b9ae9dbed" class="lightbox-link">
+<a href="#image-451bfe953c8cf882c8a8037e0268339b" class="lightbox-link">
 <img src="../tests/images/../images/magic.gif?classes=shadow&amp;height=50px" alt="Magic" class="shadow" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-b0ecfc735c48d52f45aac17b9ae9dbed">
+<a href="javascript:history.back();" class="lightbox" id="image-451bfe953c8cf882c8a8037e0268339b">
 <img src="../tests/images/../images/magic.gif?classes=shadow&amp;height=50px" alt="Magic" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="static-svg">Static SVG</h3>
 <p>
 		
-<a href="#image-ced2fb6e6dce1e9f1d1e1777c19c10df" class="lightbox-link">
+<a href="#image-90cefb28a76ec118a43aa133ba47d725" class="lightbox-link">
 <img src="../images/logo.svg?classes=shadow&amp;height=50px" alt="Logo" class="shadow" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-ced2fb6e6dce1e9f1d1e1777c19c10df">
+<a href="javascript:history.back();" class="lightbox" id="image-90cefb28a76ec118a43aa133ba47d725">
 <img src="../images/logo.svg?classes=shadow&amp;height=50px" alt="Logo" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="external-fully-qualified">External fully qualified</h3>
 <p>
 		
-<a href="#image-766e0199e6de642948f89b082b1f979f" class="lightbox-link">
+<a href="#image-599b15ba5b729136ffa1e72df9d209b3" class="lightbox-link">
 <img src="https://octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion" class="shadow" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-766e0199e6de642948f89b082b1f979f">
+<a href="javascript:history.back();" class="lightbox" id="image-599b15ba5b729136ffa1e72df9d209b3">
 <img src="https://octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="external-without-scheme">External without scheme</h3>
 <p>
 		
-<a href="#image-33972cca6e5e610bff3cc6e557106d1f" class="lightbox-link">
+<a href="#image-74a6c3d713f102ed4410227aa5da18a2" class="lightbox-link">
 <img src="//octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion" class="shadow" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-33972cca6e5e610bff3cc6e557106d1f">
+<a href="javascript:history.back();" class="lightbox" id="image-74a6c3d713f102ed4410227aa5da18a2">
 <img src="//octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
 <h3 id="external-without-scheme-and-scheme-separator">External without scheme and scheme separator</h3>
 <p>
 		
-<a href="#image-7bb5a34e8a1378ed2efa3801896ffc31" class="lightbox-link">
+<a href="#image-392af4a7ddf5ebb489e550179c081cdd" class="lightbox-link">
 <img src="../tests/images/octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion" class="shadow" style="height: 50px; width: auto;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-7bb5a34e8a1378ed2efa3801896ffc31">
+<a href="javascript:history.back();" class="lightbox" id="image-392af4a7ddf5ebb489e550179c081cdd">
 <img src="../tests/images/octodex.github.com/images/minion.png?classes=shadow&amp;height=50px" alt="Minion" class="lightbox-image" loading="lazy">
 </a></p>
 <h2 id="html">HTML</h2>
@@ -742,10 +742,10 @@ Some preformatted stuff in HTML elements
 <tr>
 <td>
 		
-<a href="#image-9a84413ac5a0276f4500d211a479abed" class="lightbox-link">
+<a href="#image-6fac5ac0f564071c17ba368d3f2864e3" class="lightbox-link">
 <img src="https://octodex.github.com/images/spocktocat.png?classes=shadow&amp;width=24px" alt="Spock" class="shadow" style="height: auto; width: 24px;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-9a84413ac5a0276f4500d211a479abed">
+<a href="javascript:history.back();" class="lightbox" id="image-6fac5ac0f564071c17ba368d3f2864e3">
 <img src="https://octodex.github.com/images/spocktocat.png?classes=shadow&amp;width=24px" alt="Spock" class="lightbox-image" loading="lazy">
 </a></td>
 </tr>
@@ -1010,8 +1010,8 @@ graph LR;
           </section>        </div>
       </main>
     </div>
-    <script src="../js/clipboard.min.js?1676326936" defer></script>
-    <script src="../js/perfect-scrollbar.min.js?1676326936" defer></script>
+    <script src="../js/clipboard.min.js?1676402968" defer></script>
+    <script src="../js/perfect-scrollbar.min.js?1676402968" defer></script>
     <script>
       function useMathJax( config ){
         if( !Object.assign ){
@@ -1040,20 +1040,20 @@ graph LR;
       }
       useMathJax( JSON.parse("{}") );
     </script>
-    <script id="MathJax-script" async src="../js/mathjax/tex-mml-chtml.js?1676326936"></script>
-    <script src="../js/d3/d3-color.min.js?1676326936" defer></script>
-    <script src="../js/d3/d3-dispatch.min.js?1676326936" defer></script>
-    <script src="../js/d3/d3-drag.min.js?1676326936" defer></script>
-    <script src="../js/d3/d3-ease.min.js?1676326936" defer></script>
-    <script src="../js/d3/d3-interpolate.min.js?1676326936" defer></script>
-    <script src="../js/d3/d3-selection.min.js?1676326936" defer></script>
-    <script src="../js/d3/d3-timer.min.js?1676326936" defer></script>
-    <script src="../js/d3/d3-transition.min.js?1676326936" defer></script>
-    <script src="../js/d3/d3-zoom.min.js?1676326936" defer></script>
-    <script src="../js/mermaid.min.js?1676326936" defer></script>
+    <script id="MathJax-script" async src="../js/mathjax/tex-mml-chtml.js?1676402968"></script>
+    <script src="../js/d3/d3-color.min.js?1676402968" defer></script>
+    <script src="../js/d3/d3-dispatch.min.js?1676402968" defer></script>
+    <script src="../js/d3/d3-drag.min.js?1676402968" defer></script>
+    <script src="../js/d3/d3-ease.min.js?1676402968" defer></script>
+    <script src="../js/d3/d3-interpolate.min.js?1676402968" defer></script>
+    <script src="../js/d3/d3-selection.min.js?1676402968" defer></script>
+    <script src="../js/d3/d3-timer.min.js?1676402968" defer></script>
+    <script src="../js/d3/d3-transition.min.js?1676402968" defer></script>
+    <script src="../js/d3/d3-zoom.min.js?1676402968" defer></script>
+    <script src="../js/mermaid.min.js?1676402968" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../js/theme.js?1676326936" defer></script>
+    <script src="../js/theme.js?1676402968" defer></script>
   </body>
 </html>
diff --git a/tests/tables/index.html b/tests/tables/index.html
index 84c635c389..c9edc6e86a 100644
--- a/tests/tables/index.html
+++ b/tests/tables/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/tables/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/tables/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/tables/index.html" rel="alternate" hreflang="pir">
-    <link href="../../images/logo.svg?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1676326934" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1676326934" rel="stylesheet">
-    <link href="../../css/fonts.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1676326934" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1676326934" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1676326934" rel="stylesheet">
-    <link href="../../css/print.css?1676326934" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1676326934" rel="stylesheet">
-    <script src="../../js/url.js?1676326934"></script>
-    <script src="../../js/variant.js?1676326934"></script>
+    <link href="../../css/fontawesome-all.min.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1676402965" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1676402965" rel="stylesheet">
+    <link href="../../css/fonts.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1676402965" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1676402965" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1676402965" rel="stylesheet">
+    <link href="../../css/print.css?1676402965" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1676402965" rel="stylesheet">
+    <script src="../../js/url.js?1676402965"></script>
+    <script src="../../js/variant.js?1676402965"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -316,10 +316,10 @@
 <tr>
 <td>
 		
-<a href="#image-9a84413ac5a0276f4500d211a479abed" class="lightbox-link">
+<a href="#image-6fac5ac0f564071c17ba368d3f2864e3" class="lightbox-link">
 <img src="https://octodex.github.com/images/spocktocat.png?classes=shadow&amp;width=24px" alt="Spock" class="shadow" style="height: auto; width: 24px;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-9a84413ac5a0276f4500d211a479abed">
+<a href="javascript:history.back();" class="lightbox" id="image-6fac5ac0f564071c17ba368d3f2864e3">
 <img src="https://octodex.github.com/images/spocktocat.png?classes=shadow&amp;width=24px" alt="Spock" class="lightbox-image" loading="lazy">
 </a></td>
 </tr>
@@ -577,12 +577,12 @@ graph LR;
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -590,33 +590,33 @@ graph LR;
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -639,12 +639,12 @@ graph LR;
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1676326935" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1676326935" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1676326935" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1676326935" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1676326935" defer></script>
-        <script src="../../js/search.js?1676326935" defer></script>
+        <script src="../../js/auto-complete.js?1676402967" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1676402967" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1676402967" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1676402967" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1676402967" defer></script>
+        <script src="../../js/search.js?1676402967" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -784,14 +784,14 @@ graph LR;
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -801,12 +801,12 @@ graph LR;
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1676326935"></script>
+          <script async src="../../js/buttons.js?1676402967"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1676326935" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1676326935" defer></script>
+    <script src="../../js/clipboard.min.js?1676402967" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1676402967" defer></script>
     <script>
       function useMathJax( config ){
         if( !Object.assign ){
@@ -835,20 +835,20 @@ graph LR;
       }
       useMathJax( JSON.parse("{}") );
     </script>
-    <script id="MathJax-script" async src="../../js/mathjax/tex-mml-chtml.js?1676326935"></script>
-    <script src="../../js/d3/d3-color.min.js?1676326935" defer></script>
-    <script src="../../js/d3/d3-dispatch.min.js?1676326935" defer></script>
-    <script src="../../js/d3/d3-drag.min.js?1676326935" defer></script>
-    <script src="../../js/d3/d3-ease.min.js?1676326935" defer></script>
-    <script src="../../js/d3/d3-interpolate.min.js?1676326935" defer></script>
-    <script src="../../js/d3/d3-selection.min.js?1676326935" defer></script>
-    <script src="../../js/d3/d3-timer.min.js?1676326935" defer></script>
-    <script src="../../js/d3/d3-transition.min.js?1676326935" defer></script>
-    <script src="../../js/d3/d3-zoom.min.js?1676326935" defer></script>
-    <script src="../../js/mermaid.min.js?1676326935" defer></script>
+    <script id="MathJax-script" async src="../../js/mathjax/tex-mml-chtml.js?1676402967"></script>
+    <script src="../../js/d3/d3-color.min.js?1676402967" defer></script>
+    <script src="../../js/d3/d3-dispatch.min.js?1676402967" defer></script>
+    <script src="../../js/d3/d3-drag.min.js?1676402967" defer></script>
+    <script src="../../js/d3/d3-ease.min.js?1676402967" defer></script>
+    <script src="../../js/d3/d3-interpolate.min.js?1676402967" defer></script>
+    <script src="../../js/d3/d3-selection.min.js?1676402967" defer></script>
+    <script src="../../js/d3/d3-timer.min.js?1676402967" defer></script>
+    <script src="../../js/d3/d3-transition.min.js?1676402967" defer></script>
+    <script src="../../js/d3/d3-zoom.min.js?1676402967" defer></script>
+    <script src="../../js/mermaid.min.js?1676402967" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../../js/theme.js?1676326935" defer></script>
+    <script src="../../js/theme.js?1676402967" defer></script>
   </body>
 </html>
diff --git a/tests/tables/index.print.html b/tests/tables/index.print.html
index 85b76d3816..cdcde88769 100644
--- a/tests/tables/index.print.html
+++ b/tests/tables/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/tables/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/tables/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/tables/index.html" rel="alternate" hreflang="pir">
-    <link href="../../images/logo.svg?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1676326935" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1676326935" rel="stylesheet">
-    <link href="../../css/fonts.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1676326935" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1676326935" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1676326935" rel="stylesheet">
-    <link href="../../css/print.css?1676326935" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1676326935" rel="stylesheet">
-    <link href="../../css/ie.css?1676326935" rel="stylesheet">
-    <script src="../../js/url.js?1676326935"></script>
-    <script src="../../js/variant.js?1676326935"></script>
+    <link href="../../css/fontawesome-all.min.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1676402967" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1676402967" rel="stylesheet">
+    <link href="../../css/fonts.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1676402967" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1676402967" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1676402967" rel="stylesheet">
+    <link href="../../css/print.css?1676402967" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1676402967" rel="stylesheet">
+    <link href="../../css/ie.css?1676402967" rel="stylesheet">
+    <script src="../../js/url.js?1676402967"></script>
+    <script src="../../js/variant.js?1676402967"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -285,10 +285,10 @@
 <tr>
 <td>
 		
-<a href="#image-9a84413ac5a0276f4500d211a479abed" class="lightbox-link">
+<a href="#image-6fac5ac0f564071c17ba368d3f2864e3" class="lightbox-link">
 <img src="https://octodex.github.com/images/spocktocat.png?classes=shadow&amp;width=24px" alt="Spock" class="shadow" style="height: auto; width: 24px;" loading="lazy">
 </a>
-<a href="javascript:history.back();" class="lightbox" id="image-9a84413ac5a0276f4500d211a479abed">
+<a href="javascript:history.back();" class="lightbox" id="image-6fac5ac0f564071c17ba368d3f2864e3">
 <img src="https://octodex.github.com/images/spocktocat.png?classes=shadow&amp;width=24px" alt="Spock" class="lightbox-image" loading="lazy">
 </a></td>
 </tr>
@@ -530,8 +530,8 @@ graph LR;
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1676326936" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1676326936" defer></script>
+    <script src="../../js/clipboard.min.js?1676402968" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1676402968" defer></script>
     <script>
       function useMathJax( config ){
         if( !Object.assign ){
@@ -560,20 +560,20 @@ graph LR;
       }
       useMathJax( JSON.parse("{}") );
     </script>
-    <script id="MathJax-script" async src="../../js/mathjax/tex-mml-chtml.js?1676326936"></script>
-    <script src="../../js/d3/d3-color.min.js?1676326936" defer></script>
-    <script src="../../js/d3/d3-dispatch.min.js?1676326936" defer></script>
-    <script src="../../js/d3/d3-drag.min.js?1676326936" defer></script>
-    <script src="../../js/d3/d3-ease.min.js?1676326936" defer></script>
-    <script src="../../js/d3/d3-interpolate.min.js?1676326936" defer></script>
-    <script src="../../js/d3/d3-selection.min.js?1676326936" defer></script>
-    <script src="../../js/d3/d3-timer.min.js?1676326936" defer></script>
-    <script src="../../js/d3/d3-transition.min.js?1676326936" defer></script>
-    <script src="../../js/d3/d3-zoom.min.js?1676326936" defer></script>
-    <script src="../../js/mermaid.min.js?1676326936" defer></script>
+    <script id="MathJax-script" async src="../../js/mathjax/tex-mml-chtml.js?1676402968"></script>
+    <script src="../../js/d3/d3-color.min.js?1676402968" defer></script>
+    <script src="../../js/d3/d3-dispatch.min.js?1676402968" defer></script>
+    <script src="../../js/d3/d3-drag.min.js?1676402968" defer></script>
+    <script src="../../js/d3/d3-ease.min.js?1676402968" defer></script>
+    <script src="../../js/d3/d3-interpolate.min.js?1676402968" defer></script>
+    <script src="../../js/d3/d3-selection.min.js?1676402968" defer></script>
+    <script src="../../js/d3/d3-timer.min.js?1676402968" defer></script>
+    <script src="../../js/d3/d3-transition.min.js?1676402968" defer></script>
+    <script src="../../js/d3/d3-zoom.min.js?1676402968" defer></script>
+    <script src="../../js/mermaid.min.js?1676402968" defer></script>
     <script>
       window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
     </script>
-    <script src="../../js/theme.js?1676326936" defer></script>
+    <script src="../../js/theme.js?1676402968" defer></script>
   </body>
 </html>
diff --git a/tests/width/index.html b/tests/width/index.html
index 1ff79efdc6..0cc1c19c7f 100644
--- a/tests/width/index.html
+++ b/tests/width/index.html
@@ -12,20 +12,20 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/width/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/width/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/width/index.html" rel="alternate" hreflang="pir">
-    <link href="../../images/logo.svg?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1676326934" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1676326934" rel="stylesheet">
-    <link href="../../css/fonts.css?1676326934" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676326934" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1676326934" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1676326934" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1676326934" rel="stylesheet">
-    <link href="../../css/print.css?1676326934" rel="stylesheet" media="print">
-    <link href="../../css/ie.css?1676326934" rel="stylesheet">
-    <script src="../../js/url.js?1676326934"></script>
-    <script src="../../js/variant.js?1676326934"></script>
+    <link href="../../css/fontawesome-all.min.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1676402965" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1676402965" rel="stylesheet">
+    <link href="../../css/fonts.css?1676402965" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676402965" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1676402965" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1676402965" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1676402965" rel="stylesheet">
+    <link href="../../css/print.css?1676402965" rel="stylesheet" media="print">
+    <link href="../../css/ie.css?1676402965" rel="stylesheet">
+    <script src="../../js/url.js?1676402965"></script>
+    <script src="../../js/variant.js?1676402965"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -127,12 +127,12 @@
               color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
-              font-size: 30px;
+              font-size: 1.875rem;
               font-weight: 300;
-              margin-top: -13px;
+              margin-top: -.8125rem;
               max-width: 60%;
               text-transform: uppercase;
-              width: 226px;
+              width: 14.125rem;
               white-space: nowrap;
             }
             a#logo:hover {
@@ -140,33 +140,33 @@
               color: var(--MENU-SECTIONS-BG-color);
             }
             #logo svg {
-              margin-bottom: -20px;
-              margin-inline-start: -23.5px;
+              margin-bottom: -1.25rem;
+              margin-inline-start: -1.47rem;
               width: 40.5%;
             }
-            @media only all and (max-width: 59.938em) {
+            @media only all and (max-width: 60rem) {
               a#logo {
-                font-size: 25px;
-                margin-top: -3px;
+                font-size: 1.5625rem;
+                margin-top: -.1875rem;
               }
               #logo svg {
-                margin-bottom: -12px;
-                margin-inline-start: -23px;
+                margin-bottom: -.75rem;
+                margin-inline-start: -1.47rem;
               }
             }
             @media all and (-ms-high-contrast:none) {
               /* IE11s understanding of positioning is weird at best */
               a#logo {
-                margin-top: -58px;
+                margin-top: -3.625rem;
               }
               #logo svg {
-                margin-bottom: -62px;
-                margin-left: -23.5px;
+                margin-bottom: -3.875rem;
+                margin-left: -1.47rem;
               }
             }
-            @media only all and (-ms-high-contrast:none) and (max-width: 59.938em) {
+            @media only all and (-ms-high-contrast:none) and (max-width: 60rem) {
               #logo svg {
-                margin-left: -23px;
+                margin-left: -1.47rem;
               }
             }
           </style>
@@ -189,12 +189,12 @@
         <script>
           var contentLangs=['en'];
         </script>
-        <script src="../../js/auto-complete.js?1676326934" defer></script>
-        <script src="../../js/lunr/lunr.min.js?1676326934" defer></script>
-        <script src="../../js/lunr/lunr.stemmer.support.min.js?1676326934" defer></script>
-        <script src="../../js/lunr/lunr.multi.min.js?1676326934" defer></script>
-        <script src="../../js/lunr/lunr.en.min.js?1676326934" defer></script>
-        <script src="../../js/search.js?1676326934" defer></script>
+        <script src="../../js/auto-complete.js?1676402966" defer></script>
+        <script src="../../js/lunr/lunr.min.js?1676402966" defer></script>
+        <script src="../../js/lunr/lunr.stemmer.support.min.js?1676402966" defer></script>
+        <script src="../../js/lunr/lunr.multi.min.js?1676402966" defer></script>
+        <script src="../../js/lunr/lunr.en.min.js?1676402966" defer></script>
+        <script src="../../js/search.js?1676402966" defer></script>
       </div>
       <div id="content-wrapper" class="highlightable">
         <ul class="topics collapsible-menu">
@@ -334,14 +334,14 @@
         <div id="footer" class="footerFooter showFooter">
           <style>
             #footer {
-              font-size: 13px;
-              height: 100px;
+              font-size: .8125rem;
+              height: 6.25rem;
               margin-left: auto;
               margin-right: auto;
               padding: 2rem 1rem;
               text-align: center;
-              min-width: 230px;
-              max-width: 300px;
+              min-width: 14.375rem;
+              max-width: 18.75rem;
             }
             #footer p {
               margin: 0;
@@ -351,12 +351,12 @@
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a>
           <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
           <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
-          <script async src="../../js/buttons.js?1676326934"></script>
+          <script async src="../../js/buttons.js?1676402966"></script>
         </div>
       </div>
     </aside>
-    <script src="../../js/clipboard.min.js?1676326934" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1676326934" defer></script>
-    <script src="../../js/theme.js?1676326934" defer></script>
+    <script src="../../js/clipboard.min.js?1676402966" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1676402966" defer></script>
+    <script src="../../js/theme.js?1676402966" defer></script>
   </body>
 </html>
diff --git a/tests/width/index.print.html b/tests/width/index.print.html
index 42f4f3eaae..67161ff007 100644
--- a/tests/width/index.print.html
+++ b/tests/width/index.print.html
@@ -12,21 +12,21 @@
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/width/index.html" rel="alternate" hreflang="x-default">
     <link href="https://McShelby.github.io/hugo-theme-relearn/tests/width/index.html" rel="alternate" hreflang="en">
     <link href="https://McShelby.github.io/hugo-theme-relearn/pir/tests/width/index.html" rel="alternate" hreflang="pir">
-    <link href="../../images/logo.svg?1676326934" rel="icon" type="image/svg+xml">
+    <link href="../../images/logo.svg?1676402965" rel="icon" type="image/svg+xml">
     <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
-    <link href="../../css/fontawesome-all.min.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/nucleus.css?1676326935" rel="stylesheet">
-    <link href="../../css/auto-complete.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/perfect-scrollbar.min.css?1676326935" rel="stylesheet">
-    <link href="../../css/fonts.css?1676326935" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676326935" rel="stylesheet"></noscript>
-    <link href="../../css/theme.css?1676326935" rel="stylesheet">
-    <link href="../../css/theme-auto.css?1676326935" rel="stylesheet" id="variant-style">
-    <link href="../../css/variant.css?1676326935" rel="stylesheet">
-    <link href="../../css/print.css?1676326935" rel="stylesheet" media="print">
-    <link href="../../css/format-print.css?1676326935" rel="stylesheet">
-    <link href="../../css/ie.css?1676326935" rel="stylesheet">
-    <script src="../../js/url.js?1676326935"></script>
-    <script src="../../js/variant.js?1676326935"></script>
+    <link href="../../css/fontawesome-all.min.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/nucleus.css?1676402967" rel="stylesheet">
+    <link href="../../css/auto-complete.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/perfect-scrollbar.min.css?1676402967" rel="stylesheet">
+    <link href="../../css/fonts.css?1676402967" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1676402967" rel="stylesheet"></noscript>
+    <link href="../../css/theme.css?1676402967" rel="stylesheet">
+    <link href="../../css/theme-auto.css?1676402967" rel="stylesheet" id="variant-style">
+    <link href="../../css/variant.css?1676402967" rel="stylesheet">
+    <link href="../../css/print.css?1676402967" rel="stylesheet" media="print">
+    <link href="../../css/format-print.css?1676402967" rel="stylesheet">
+    <link href="../../css/ie.css?1676402967" rel="stylesheet">
+    <script src="../../js/url.js?1676402967"></script>
+    <script src="../../js/variant.js?1676402967"></script>
     <script>
       // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
       // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@@ -96,8 +96,8 @@
         </div>
       </main>
     </div>
-    <script src="../../js/clipboard.min.js?1676326935" defer></script>
-    <script src="../../js/perfect-scrollbar.min.js?1676326935" defer></script>
-    <script src="../../js/theme.js?1676326935" defer></script>
+    <script src="../../js/clipboard.min.js?1676402967" defer></script>
+    <script src="../../js/perfect-scrollbar.min.js?1676402967" defer></script>
+    <script src="../../js/theme.js?1676402967" defer></script>
   </body>
 </html>